vue打包配置gzip压缩 Published on Dec 3, 2020 in 前端 with 0 comment ## vue打包配置gzip压缩 在前端性能优化里面，我们经常会用到gizp压缩来减少网络传输，大体流程如下： 服务端压缩（或直接发送压缩包）-> 浏览器收到压缩包后解压再执行 流程理解起来很简单，接着我们来看下webpack的配置： ```js const CompressionPlugin = require('compression-webpack-plugin') // …… plugins: [ new CompressionPlugin({ filename: '[name][ext].gz[query]', algorithm: 'gzip', test: /\.(js|css|json|txt|html|ico|svg)(\?.*)?$/i, threshold: 10240, minRatio: 0.8, deleteOriginalAssets: false }) ] ``` 打包好之后，我们来用node搭建一个静态服务进行测试 #### 安装依赖 ```bash cnpm i -S koa koa-static ``` #### node服务端代码 ```javascript const path = require('path') const Koa = require('koa') const KoaStatic = require('koa-static') const app = new Koa() app .use(KoaStatic('.')) .listen(3000, () => console.log('http://localhost:3000')) ``` 然后启动服务就可以看到效果了 本文由 tutustack 创作，采用 知识共享署名4.0 国际许可协议进行许可本站文章除注明转载/出处外，均为本站原创或翻译，转载前请务必署名