Я пытаюсь понять, как заставить плагин 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
, если я хочу активировать встряхивание дерева.
Это мой конфиг веб-пакета:
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"
webpack: "^ 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"