Как получить плагин terser webpack работает правильно

1

Я пытаюсь понять, как заставить плагин terser webpack работать в самом простом из возможных случаев.

Это мой код:

src/math.js, экспортирует 2 функции.

export const double = (x) =>
  x + x;

export const triple = (x) =>
  x + x + x;

scr/index.js, импортирует только double функцию.

import { double } from './math.js';
console.log(double(10));

Из документации веб-пакета я понял, что должен использовать ModuleConcatenationPlugin если я хочу активировать встряхивание дерева. Изображение 174551

Это мой конфиг веб-пакета:

webpack/index.js

const webpack = require('webpack');
const TerserPlugin = require('terser-webpack-plugin');

module.exports = {
  mode: 'none',
  module: {
    rules: [
        {
            test: /\.js$/,
            loader: 'babel-loader',
            options: {
                presets: [
                    ['@babel/preset-env', {
                        modules: false
                    }]
                ],
                babelrc: false
            }
        }
    ]
  },
  plugins: [
      new webpack.optimize.ModuleConcatenationPlugin()
  ],
  optimization: {
      minimizer: [new TerserPlugin({})],
  }
};

Я не понимаю, что я пропустил в своем конфиге веб-пакета. Вывод веб-пакета без минификации или тряски дерева...


узел: "v10.10.0"

Веб-пакет: "^ 4.28.1"

webpack-cli: "^ 3.2.1"

@babel/core: "^ 7.2.2"

@babel/preset-env: "^ 7.1.5"

babel-loader: "^ 8.0.5"

terser-webpack-plugin: "^ 1.2.1"

Теги:
webpack
webpack-4

1 ответ

0
Лучший ответ

Видя, что у вас установлен mode none, для optimization.minimize установлено значение false, поэтому ваш пользовательский экземпляр Terser никогда не создается.

Добавьте к объекту optimization minimize: true и он должен работать.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню