排查原因
- 删除node_modules,重新安装,只有几百兆的大小。
- 运行npm run dev命令之后,会立即增加几十兆,重复多次运行,发现未增加空间。
- 修改代码,实时编译之后,发现空间增加5兆左右,只要修改一次就增加一次。
插件引起:
compression-webpack-plugin,压缩资源,配合nginx加速资源加载,优化体验。
解决方式
针对该插件直接区分下环境,只有在生产打包的时候,进行启用即可。
解决:
configureWebpack: { // provide the app's title in webpack's name field, so that // it can be accessed in index.html to inject the correct title. name: name, resolve: { alias: { '@': resolve('src') } }, // 解决开发环境包异常变大原因 plugins: process.env.NODE_ENV === 'production' ? [ new CompressionWebpackPlugin({ algorithm: 'gzip', test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'), threshold: 10240, minRatio: 0.8 // deleteOriginalAssets: true// 压缩完是否保留原文件 }) ] : [] },