如何使用create-react-app命令将gzip添加到react-app

Question

我是react编程的新手。我用create-react-app命令创建了一个react应用程序。为了生成构建，我正在运行npm run build命令(react scripts build(。我的应用程序的内部版本大小是2.5MB，我想减小应用程序的大小。我查看了SO，发现有些人正在使用webpack和gzip插件来缩小应用程序的大小。但是，如果您使用create-react-app命令生成react-app，我们将无法看到webpack配置，除非npm运行eject。那么，有没有任何方法可以将gzip压缩添加到我的react web应用程序中呢。

Answer 1

安装压缩webpack插件

将其添加到您的webpack.config.js文件中

const CompressionPlugin = require('compression-webpack-plugin');

module.exports = function(webpackEnv) {
...
return {
plugins: [
...
isEnvProduction && 
new CompressionPlugin({
algorithm: "gzip",
test: /.js$|.css$|.html$/,
threshold: 10240,
minRatio: 0.8
}),
]
}
}