Понимание того, как webpack минимизирует мое приложение - PullRequest
0 голосов
/ 30 апреля 2020

У меня есть следующая конфигурация веб-пакета:

const path = require('path');
const sass = require('sass');
const PropertiesFilePlugin = require('./PropertiesFilePlugin');
const externals = require('./appExternals');

const outputPath = path.resolve(__dirname, '../ui-resources/dist');

module.exports = {
    mode: 'development',
    entry: { app: './src/app.js' },
    resolve: {
        modules: [path.resolve(__dirname, '../src'), 'node_modules'],
        extensions: ['.js', '.jsx', '.json'],
    },
    output: {
        filename: 'app.[contenthash].js',
        path: outputPath,
    },
    watch: true,
    watchOptions: {
        poll: 1000,
        ignored: ['node_modules/**', 'node/**', 'coverage/**'],
    },
    devtool: 'sourcemap',
    externals,
    plugins: [
        new PropertiesFilePlugin({
            path: outputPath,
            filename: 'app.properties',
            tsname: 'generated_at',
            publicPath: 'dist/',
        }),
    ],
    module: {
        rules: [
            {
                test: /\.js$/,
                use: {
                    loader: 'babel-loader',
                    options: {
                        rootMode: 'upward',
                    },
                },
            },
            {
                test: /\.scss$/,
                exclude: /\.module\.scss$/,
                use: [
                    { loader: 'style-loader' },
                    {
                        loader: 'css-loader',
                    },
                    {
                        loader: 'postcss-loader',
                        options: {
                            ident: 'postcss',
                            plugins: [autoprefixer()],
                        },
                    },
                    {
                        loader: 'sass-loader',
                        options: {
                            implementation: sass,
                            sourceMap: true,
                        },
                    },
                ],
            },
        ],
    },
};

И когда я запускаю: webpack --config config.js, я получаю уменьшенный файл.

Я не понимаю - какая часть в этом конфиг делает минификацию?

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