性能优化篇---Webpack构建代码质量压缩

开启gzip压缩

•  使用插件：npm i -D compression-webpack-plugin;
•  webpack配置 

const CompressionPlugin = require("compression-webpack-plugin");  
plugins: [  
    new CompressionPlugin({  
        filename: '[path].gz[query]', //目标资源名称。[file] 会被替换成原资源。[path] 会被替换成原资源路径，[query] 替换成原查询字符串  
        algorithm: 'gzip',//算法  
        test: /.(js|css)$/,    //压缩 js 与 css  
        threshold: 10240,//只处理比这个值大的资源。按字节计算  
        minRatio: 0.8//只有压缩率比这个值小的资源才会被处理  
    })  
] 

•  后台开启使用koa  

const staticCache = require('koa-static-cache');  
import config from './configs';  
const app = new Koa();  
app.use(staticCache(path.resolve(__dirname, "../dist"), {  
    maxAge: 7 * 24 * 60 * 60,  
    gzip: true, //开启  
    dynamic: true,  
})) 

（编辑：东莞站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!