umi3优化配置,去掉log,开启文件gzip压缩

开启gzip压缩

1,安装gzip的webpack插件

yarn add compression-webpack-plugin

2,在umirc.ts中写入如下配置

//引入
const CompressionPlugin = require("compression-webpack-plugin");
const productionGzipExtensions = /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i;
export default defineConfig({
	...
	chainWebpack(memo){
	    memo.plugin('CompressionPlugin').use(new CompressionPlugin({
	      filename: "[path].gz[query]",
	      algorithm: "gzip",
	      test: productionGzipExtensions,
	      // 只处理大于xx字节 的文件，默认：0
	      threshold: 10240,
	      // 示例：一个1024b大小的文件，压缩后大小为768b，minRatio : 0.75
	      minRatio: 0.8, // 默认: 0.8
	      // 是否删除源文件，默认: false
	      deleteOriginalAssets: false
	    }));
	  }
  })

开启去掉console.log

1,安装

yarn add babel-plugin-transform-remove-console

使用

//判断只有在生产模式才开启
const IS_PROD = ["production", "prod"].includes(process.env.NODE_ENV);
export default defineConfig({
	extraBabelPlugins:[
    IS_PROD?'transform-remove-console':""
  ],
})