快速使用webpack4打包vue-cli2项目

之前的vue-cli2.x脚手架生成的vue项目默认是使用的webpack3.x。 在webpack4火热之际也想尝试一下webpack4新体验。

webpack4初体验

需要多安装一个webpack cli才能用，很多配套的插件也必须安装新的，没有向下兼容。打包速度也有一定的提升。

webpack4使用方式的区别

与3相比，之前的vueloaderconfig都只能弃用。

1. mini-css-extract-plugin替代之前的extract-text-webpack-plugin做样式分离。
2. uglify插件的引入方式变化了。从plugins迁到了optimization.minimizer
3. 移除了commonchunk插件,改用了optimization属性进行更加灵活的配置,
4. mini-css-extract-plugin.loader 代替style-loader
5. vue-style-loader, file-loader, url-loader 都需要升级

iseui

如果是vue-cli2.0+webpack3.0想体验webpack4.0打包 。可以使用isecui这个包

npm install -g isecui
isecui build