Как настроить WebpackCompressionPlugin?

Question

[resibe]

Здравствуйте, я наделал такой vue.config.js

const CompressionWebpackPlugin = require("compression-webpack-plugin");

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,

  configureWebpack: (config) => {
    Object.assign(
      config.plugins,
      new CompressionWebpackPlugin({
        test: /\.js(\?.*)?$/i,
        include: undefined,
        exclude: undefined,
        algorithm: "gzip",
        compressionOptions: { level: 9 },
        threshold: 0,
        minRatio: 0.8,
        filename: "[path][base].gz",
        deleteOriginalAssets: false,
      })
    );
  },
});

Но нечего не сжимается, к тому же vue inspect указывает что плагин compressionWebpackPlugin не инициализирован, что я наделал не так...

Answer 1

[Alex_mos]

видимо такая же проблема

есть такой вариант как я понял это как раз для Vue

Comments

[resibe]

Спасибо, однако похоже мой вариант добавления плагина не правильный, все плагины которые ишли с vue/cli@next работают однако то что я yarn add someplugin --save-dev- нет...
К примеру ImageMinimizerWebpackPlugin тоже как будто отсутствует...

Answer 2

[Ice]

const CompressionPlugin = require('compression-webpack-plugin')
const productionGzipExtensions = ['js', 'css']
module.exports = {
  configureWebpack: {
    plugins: [
      new CompressionPlugin({
        algorithm: 'gzip',
        test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
        threshold: 10240,
        minRatio: 0.8,
      }),
    ]
  }
}