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':""
  ],
})