webpack
No Bug !
做难事,必有所得
展开
-
Vue-cli 将px转化为rem,适配移动端(vue-cli2.x 和 vue-cli3中的使用)
一. Vue-cli2.x中的用法1.下载lib-flexible我使用的是vue-cli+webpack,所以是通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible/flexible'3.设置meta标签通过meta标签,设置设备宽度以及缩放比例...转载 2019-03-13 21:22:58 · 1471 阅读 · 0 评论 -
webpack的extract-text-webpack-plugin插件
今天要和大家分享的webpack的插件extract-text-webpack-plugin。我们先聊聊webpack的一个打包机制,webpack本来只能能打包处理.js文件,但是通过强大的loader之后,可以打包处理各种类型的文件。比如:.css文件等。表面上webpack通过loader可以打包各种文件了,已经完美了。但是在某些场景中也存在着问题的,比如我们的css的内容都被打包到bun...原创 2019-03-12 10:51:59 · 23259 阅读 · 1 评论 -
webpack中hash、chunkhash和contenthash三者的区别
在webpack中有三种的方式生成哈希值,分别为hash、chunkhash和contenthash。这三种方式有着不同的用处,或者说在webpack的不同环境中,会使用不同的方式生成哈希值。那为什么要这样的一个区分呢?我们一起探讨下:hash主要用于webpack的开发环境,在项目构建编译中根据文件是否更改,生成一个统一的hash值。就是说只要构建编译过程中只要一个文件修改了,则整个项目的h...原创 2019-03-12 13:40:43 · 1139 阅读 · 1 评论 -
webpack升级到4版本遇到的坑
问题一:CommonsChunkPlugin插件的报错,因为webpack4已经把该插件移除了,用optimization.splitChunks替代报错信息如下:Error: webpack.optimize.CommonsChunkPlugin has been removed, please use config.optimization.splitChunks instead. ...原创 2019-03-13 15:29:01 · 5174 阅读 · 0 评论