1.排查原因

  1. 删除node_modules,重新安装,只有几百兆的大小。
  2. 运行npm run dev命令之后,会立即增加几十兆,重复多次运行,发现未增加空间。
  3. 修改代码,实时编译之后,发现空间增加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// 压缩完是否保留原文件
      })
    ] : []
  },

微芒不朽
1.2k 声望1.3k 粉丝