zoukankan      html  css  js  c++  java
  • vue.config.js开启对Gzip的支持。

    首先先下载依赖

    npm install terser-webpack-plugin@4.2.3 compression-webpack-plugin@6.1.1

     推荐webpack

    npm install webpack@4.46.0

     vue.config.js 配置信息参考如下:

    const CompressionPlugin = require('compression-webpack-plugin')
    const productionGzipExtensions = /\.(js|css|json|txt|ico|svg)(\?.*)?$/i
    const TerserPlugin = require('terser-webpack-plugin')
    module.exports = {
      configureWebpack: config => {
        config.optimization = {
          minimize: process.env.NODE_ENV === 'production',
          minimizer: [
            new TerserPlugin({
              test: /\.js(\?.*)?$/i, // 匹配参与压缩的文件
              parallel: true, // 使用多进程并发运行
              terserOptions: {
                // Terser 压缩配置
                output: { comments: false }
              },
              extractComments: false // 将注释剥离到单独的文件中
            })
          ]
        }
      },
      chainWebpack(config) {
        if (process.env.NODE_ENV === 'production') {
          // 压缩
          config.plugin('compressionPlugin').use(
            new CompressionPlugin({
              filename: '[path].gz[query]',
              algorithm: 'gzip',
              test: productionGzipExtensions,
              threshold: 10240,
              minRatio: 0.8
              // deleteOriginalAssets: true
            })
          )
        }
      }
    }

    如果这篇文章对您有帮助,您可以打赏我

    技术交流QQ群:15129679

  • 相关阅读:
    springboot之session、cookie
    Springboot的异步线程池
    spring自带的定时任务功能@EnableScheduling
    SpringBoot+SpringCloud实现登录用户信息在微服务之间的传递
    sss
    sss
    sss
    sss
    sss
    sss
  • 原文地址:https://www.cnblogs.com/yeminglong/p/15559832.html
Copyright © 2011-2022 走看看