javascript - webpack.optimize.UglifyJSPlugin 不起作用，而 uglifyjs-webpack-plugin 起作用

Question

我有 2 个文件 app.js 和 math.js

它包含以下代码 -

app.js

import { sum } from "./math";

console.log("💩");

console.log(sum(2, 3));

math.js

export const sum = (a, b) => a + b;
export const multiply = (m, n) => m * n;

webpack.config.js

const path = require("path");
const webpack = require("webpack");
const UglifyJsPlugin = require("uglifyjs-webpack-plugin");
const config = {
    entry: "./app.js",
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "bundle.js"
    },
    plugins: [
        new UglifyJsPlugin()
        // new webpack.optimize.UglifyJsPlugin() doesn't work
    ]
};

module.exports = config;

完整代码可在 https://github.com/deadcoder0904/webpack-treeshake 获取。

问题是 UglifyJsPlugin 可以工作，但 webpack.optimize.UglifyJsPlugin() 不起作用

我的webpack版本是v3.11.0

Answer 1

发布我自己问题的答案。感谢@str 的帮助。

我使用了不同版本的 Uglify JS，不确定这是否是问题所在。

所以我尝试安装 webpack 版本 4，该版本现在处于测试阶段，所以我必须安装 webpack@next。另外，webpack-cli 现在是它自己的包，所以我也必须安装它。早些时候，它与 webpack 本身捆绑在一起。

安装了 webpack@next 和 webpack-cli 后，我将 webpack.config,js 更改为 -

webpack.config,js

const path = require("path");
const webpack = require("webpack");

const config = {
    entry: "./app.js",
    output: {
        path: path.resolve(__dirname, "dist"),
        filename: "bundle.js"
    }
};

module.exports = config;

并运行以下命令以使用 TreeShaking 生成 bundle

webpack --optimize-minimize --mode 生产

完整代码可在 https://github.com/deadcoder0904/webpack-treeshake 获取。

查看我对 TreeShake with Lodash 的其他回答它完成了所有的摇树操作