Gzip сжатия через webpack не происходит, чего не хватает - PullRequest
0 голосов
/ 03 ноября 2019

Я заметил разницу в сжатии между ручной настройкой веб-пакета и созданием-реакции-приложения для одной и той же базы приложения / кода, сжатие конфигурации создания-реагирования-приложения, очевидно, представляет собой gzip, из-за которого конечный размер пакета намного меньше, чем ручная настройка веб-пакета,

Поэтому я также попытался использовать CompressionPlugin, но, похоже, он не работает должным образом, чего может не хватать в конфигурации веб-пакета

const common = require("./webpack.common");
const path = require("path");
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const merge = require("webpack-merge");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const CompressionPlugin = require('compression-webpack-plugin');
const globImporter = require('node-sass-glob-importer');

module.exports = merge(common, {
    mode: "production",
    output: {
        filename: "[name].[contenthash].js",
        path: path.resolve(__dirname, "dist")
    },
    module: {
        rules: [
            {
                test: /\.(sa|sc|c)ss$/,
                use: [
                    { loader: MiniCssExtractPlugin.loader },
                    { loader: 'css-loader' },
                    {
                        loader: 'postcss-loader',
                        options: {
                            plugins: () => [require('autoprefixer')({
                                'overrideBrowserslist': ['> 1%', 'last 2 versions']
                            })],
                        }
                    },
                    {
                        loader: 'sass-loader', options: {
                            sassOptions: {
                                importer: globImporter()
                            }
                        }
                    }]
            }
        ]
    },
    plugins: [new MiniCssExtractPlugin({
        filename: "./src/css/[name].[contentHash].css"
    },
        new CompressionPlugin({
            algorithm: 'gzip'
        }),
    ), new CleanWebpackPlugin()
    ]

})
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...