pan-zy的专栏

说到前端优化，一般都知道gzip可以进行网络资源压缩, 降低资源在网络中的传输大小。 那要如何开启gzip呢? 网上一搜，大部分是类似的结果，先是在webpack中配置CompressionPlugin插件，在打包时就进行一次压缩,生成对应的gz后缀文件，然后是nginx开启gzip功能。 上面的说法错误了吗？没有，但是所有都忽略了一个地方，或者说，难道大部分人就没有这么一个疑问，webpack打包时已经进行gzip压缩了，那为什么还要再次开启nginx的gzip压缩呢? 经过反复的搜索查找，终于让我找到了

lighthouse http://localhost:8080/ --locale=zh-CN --preset=desktop --disable-network-throttling=true --disable-storage-reset=true

通过splitChunks拆包 拆包的目的 能够以并行加载js和css 能够提取公共的js避免多个包中包含重复的js const path = require("path"); const apiMocker = require("mocker-api") function resolve(dir) { return path.join(__dirname, dir); } module.exports = { css: { loaderOptions: {