compression-webpack-plugin到底怎么用？有啥用？

Question

照着网上compression-webpack-plugin的例子，在前端压缩得到了.gz的文件，但没有被index.html引用啊。
而且我服务器打开gzip不就已经可以开启gzip了吗，这个插件到底是做什么用的？我想在前端就把包的体积压缩下来可以吗？求助大神快愁死了

Answer 1

1: 服务器配置gzip, 只是为了可以兼容这种格式, 可以读取这种格式, 压缩为gzip还是需要前端做的
2: 服务器把gzip发送给浏览器, 浏览器认识这种格式所以能解读他
3: 用处就是用户获取的文件体积减小了,下载的快了

Answer 2

我之前用过可以看下

• webpack config 里边 有个配置在最下边 productionGzip: true
• npm install --save-dev compression-webpack-plugin 这个东西最新版本的貌似不行，要改很多配置我用的是1.X
• 用最新的，你可以按照这个插件的文档配置一下，不过很麻烦
• 需要服务端配合，我这边nginx，配置文件nginx.conf找到gzip on

Answer 3

gzip_static  on;

Nginx 配置静态压缩后可以直接使用，节省 CPU 资源