1.排查原因
- 删除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// 压缩完是否保留原文件
})
] : []
},
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。