【问题标题】：webpack.optimize.UglifyJSPlugin does not work while uglifyjs-webpack-plugin workswebpack.optimize.UglifyJSPlugin 不工作，而 uglifyjs-webpack-plugin 工作
【发布时间】：2018-02-15 11:34:11
【问题描述】：

我有 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

【问题讨论】：

请阅读文档：webpack.js.org/plugins/uglifyjs-webpack-plugin
我已经尝试过了，这就是为什么要问。我的版本是 3.11.0，而顶部显示 webpack =
你对“webpack =
我不明白。我正在使用大于 3.0.0 的版本 3.11.0。哦抱歉又读了一遍。适用于 v4.0.0 吗？
不确定“它适用于 v4.0.0”是什么意思。但是webpack.optimize.UglifyJsPlugin和UglifyJsPlugin指的不是同一个版本。

标签： javascript webpack uglifyjs

【解决方案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 生成包

webpack --optimize-minimize --mode production

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

查看我对 TreeShake with Lodash 的其他回答，它完成了所有的 treeshaking

【讨论】：