项目node_modules开发环境变大问题处理

简介: 项目node_modules开发环境变大问题处理

排查原因


  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// 压缩完是否保留原文件
      })
    ] : []
  },
相关文章
|
4月前
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
webpack 使用打包报错 ERROR in node_modules\@types\node\ts4.8\assert.d.ts
118 0
|
6月前
|
Windows
Windows系统下快速删除node_modules
Windows系统下快速删除node_modules
85 0
|
3月前
|
存储 缓存 资源调度
深入浅出Node.js中的node_modules(二)
深入浅出Node.js中的node_modules
|
4月前
|
JavaScript 数据库
使用 Webpack 打包 node 程序,node_modules 真的被干掉啦
使用 Webpack 打包 node 程序,node_modules 真的被干掉啦
73 0
|
3月前
|
资源调度 JavaScript API
深入浅出Node.js中的node_modules(一)
深入浅出Node.js中的node_modules
|
3月前
|
存储 资源调度 JavaScript
深入浅出Node.js中的node_modules(三)
深入浅出Node.js中的node_modules
修改了node_modules的文件打包后不生效
修改了node_modules的文件打包后不生效
1149 1
|
10月前
|
JavaScript 前端开发 安全
Node.js对ES6 及更高版本的支持
Node.js对ES6 及更高版本的支持
|
JSON JavaScript API
ts-node加载node_modules中的源码
ts-node加载node_modules中的源码
193 0
|
资源调度 JavaScript API
搭建一套支持TS的Node运行环境(上)
搭建一套支持TS的Node运行环境(上)
搭建一套支持TS的Node运行环境(上)

热门文章

最新文章