vueCli3配置gzip压缩

配置gzip

下载依赖

npm i -D compression-webpack-plugin

vue.config.js

如没有vue.config.js文件,可创建一个

const CompressionPlugin = require('compression-webpack-plugin')
module.exports = {
  publicPath: './', // 打包资源路径前缀
  productionSourceMap: false, // 不打包map文件
  configureWebpack: () => {
    if (process.env.NODE_ENV === 'production') {
      return {
        plugins: [new CompressionPlugin({
          test: /\.js$|\.html$|\.css/, // 指定压缩文件
          threshold: 10240, // 超过10kb的文件进行压缩
          deleteOriginalAssets: false // 是否删除原文件
        })]
      }
    }
  }
}

vueCli3配置gzip压缩_第1张图片

你可能感兴趣的:(vue笔记,webpack,vue,gzip)