在前端vue项目中,每启动一次项目,node_modules的体积就会变大,基本上半个月就可以达到100G左右。
原因在于在vue.config.js中配置了CompressionWebpackPlugin,并且此插件默认开启cache缓存。
针对CompressionWebpackPlugin插件可以自行百度,是一个gzip压缩的插件,目的是提高http访问速度,前端打包时开启,并且配置nginx即可。
在vue.config.js中关闭此插件的cache就不会出现node_modules体积变大的问题
config.plugin('compressionPlugin').use(
new CompressionWebpackPlugin({
cache:false,
test: /\.(js|css|json|ico|svg)$/, // 匹配文件格式
algorithm: 'gzip',
threshold: 10240, // 对超过10k的数据压缩
minRatio: 0.8, // 压缩比
deleteOriginalAssets: false, //是否删除源文件
})
)
或者可以在开发模式的时候不开启,生产模式的时候开启。