Skip to content

Files

Latest commit

fcc74c7 · Jul 28, 2020

History

History
8 lines (8 loc) · 926 Bytes

1.md

File metadata and controls

8 lines (8 loc) · 926 Bytes

webpack如何进行优化?

1、使用 webpack/lib/DllPlugin 这个webpack自带的插件,进行恒久不变的插件提取
2、使用 webpack-parallel-uglify-plugin 这个插件,进行多进程的 代码混淆压缩,可以通过api进行最紧凑的压缩
3、webpack3的话,可以使用 webpack.optimize.CommonsChunkPlugin 进行公共chunk 的提取
4、使用 extract-text-webpack-plugin 进行css 的提取,webpack4.0的话,需要使用这个插件的 bate版,不过目前的bate版没有实现 chunkhash,网上的替代方案是使用 mini-css-extract-pligun 这个插件,但是该插件不支持 hrm
5、在devServer的配置中,加上 ignored,进行不需要监控的文件夹过滤
6、给 webpack 添加上 cache 参数开启缓存(没试出来有啥用)
7、在babel中配置,module:false,开启 tree shaking,减少打包体积,当然前提是代码得是es6的写法