vue打包优化-gzip

最新推荐文章于 2024-07-10 12:09:00 发布

Stevetagelian

最新推荐文章于 2024-07-10 12:09:00 发布

阅读量406

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/Stevetagelian/article/details/128042203

版权

vue打包优化-gzip

安装compression-webpack-plugin，注意安装版本

配置

const CompressionPlugin = require("compression-webpack-plugin");
const CompressionPluginConfig = {
  test: /\.js$|\.html$|\.css$/u,
  threshold: 4096,
};

module.exports = {
  configureWebpack: {
    plugins: [
      new CompressionPlugin(CompressionPluginConfig)
    ],
  },
};

nginx开启服务
```
http {
 gzip_static on;
}
```

打包后查看dist文件内是否存在.gzip的文件，如果有则生效

参考网址：

compression-webpack-plugin

https://www.npmjs.com/package/compression-webpack-plugin/v/5.0.2
博客

https://segmentfault.com/a/1190000040268844?utm_source=sf-similar-article