webpack 打包插件配置output

webpack常用于项目打包,打包文件会直接用于项目运行,那么插件开发如何使用webpack导出?

答案:修改 webpack.config.js 添加 output 配置即可,如下:

1
2
3
4
5
6
7
8
9
10
{
output: {
filename: 'index.js', // 打包的文件名
library: 'TEST', // 挂载window下的全局变量名字
libraryTarget: 'umd', // 打包模式
libraryExport: 'default', // 导出的模块
umdNamedDefine: true,
globalObject: 'this',
}
}

奇技淫巧-reset.css重置样式使用之后,如何让富文本区域不受reset.css重置样式影响

前端代码为了方便,一般都会使用 reset.css 重置浏览器的默认样式,或者使用 normalize.css 对默认样式进行统一,让各个浏览器的显示效果统一。

这样做让css样式编辑方便了很多,但由于 css 的继承特性,衍生出了一个问题,如果网站存在富文本编辑发布内容,那么重置样式就有可能会导致富文本中的样式显示不出来。

比如:富文本加粗可能会使用 <strong> 标签,斜体可能会使用 <i> 标签等,如果使用重置样式,就会导致加粗和斜体不显示。

阅读全文

微信浏览器中h5网页如何打开默认浏览器

常见需求:html5 网页在微信中打开的时候,需要下载APP,或者唤起APP,到APP内部去完成部分操作。

常见做法:html5 网页上按钮点击,弹出遮罩层,提示用户点击右上角更多,使用默认浏览器打开,这是大部分网页的常见做法。

阅读全文