解决Vue3.0项目多次运行后,项目体积增大问题(高达60G)

简介: 解决Vue3.0项目多次运行后,项目体积增大问题(高达60G)

.cache中的compression-webpack-plugin每次增加的空间,正好是整个node_modules增加的空间。  

compression-webpack-plugin
npm i compression-webpack-plugin -D

配置

if (process.env.NODE_ENV ==='production'){
  config.plugin('compressionPlugin')
  .use(new compressionWebpackPlugin({
    // filename: '[path].gz[query]',
    algorithm: 'gzip',
    // test: /.(js|css|txt|html|ico|svg)(?.*)?$/i,
    test:/.(js|css|html|ttf|otf)(?.*)?$/i,
    threshold: 10240,
    minRatio: 0.8,
    deleteOriginalAssets: false
   }));
}
  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// 压缩完是否保留原文件
      })
    ] : []
  },
相关文章
|
2天前
|
缓存 前端开发 算法
前端需要加载一个大体积的文件时,可以这么优化
前端需要加载一个大体积的文件时,可以这么优化
|
2月前
|
缓存 自然语言处理 前端开发
JS/CSS体积减少了67%,我们是如何做到的?
JS/CSS体积减少了67%,我们是如何做到的?
19 1
|
3月前
|
缓存 前端开发 JavaScript
代码如何跑得更快?Vue性能提速指南
代码如何跑得更快?Vue性能提速指南
84 0
代码如何跑得更快?Vue性能提速指南
|
6月前
|
数据采集 JavaScript 前端开发
超越React,JS代码体积减少90%!它为何是2023年最好的Web框架?
超越React,JS代码体积减少90%!它为何是2023年最好的Web框架?
|
7月前
|
JSON 前端开发 API
🚀🚀🚀 量大管饱,一次性推荐20个React组件库!!
🚀🚀🚀 量大管饱,一次性推荐20个React组件库!!
|
9月前
|
JavaScript 前端开发 CDN
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
Vue 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
1225 0
|
11月前
|
JavaScript 前端开发 开发者
【Vue 移动端开发】适配百分之99的屏幕方案
【Vue 移动端开发】适配百分之99的屏幕方案
159 0
|
11月前
|
JavaScript
降低vue-router版本的两种方法
降低vue-router版本的两种方法
516 2
|
11月前
|
JavaScript CDN
vue_按需引入elment、echarts和路由懒加载,减少打包体积
vue_按需引入elment、echarts和路由懒加载,减少打包体积
162 0
|
XML JSON 监控
用了这个IntellijIDEA插件以后,我写代码快了10倍!
用了这个IntellijIDEA插件以后,我写代码快了10倍!

热门文章

最新文章