如何使用 Webpack 缩小 ES6 代码？

我正在使用 webpack 并想要部署我的网站。如果我缩小并捆绑 JavaScript 代码，则会出现以下错误：

解析错误：意外标记：名称 (Button)

这是我未捆绑的代码：

'use strict';

export class Button { // <-- Error happens on this line
    constructor(translate, rotate, text, textscale = 1) {
        this.position = translate;
        this.rotation = rotate;
        this.text = text;
        this.textscale = textscale;
    }
}

注意捆绑代码中的关键字export已移除。在开发过程中，没有抛出任何错误。在这里你可以找到我的WebPack配置文件：

var webpack = require('webpack');

var PROD = true;

module.exports = {
    entry: "./js/entry.js",
    output: {
        path: __dirname,
        filename: PROD ? 'bundle.min.js' : 'bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.css$/,
                loader: "style-loader!css-loader"
            }
        ]
    },
    plugins: PROD ? [
        new webpack.optimize.UglifyJsPlugin({
            compress: { 
                warnings: false 
            },
            output: {
                comments: false,
            },
        })
    ] : []
};

如果我改变PROD为假，我没有错误，如果为真，我从上面得到错误。我的问题是我可以在 Webpack 中启用 ES6 吗？

不确定您是否仍在寻找这个问题的答案，但现在您可以包含 beta 版本uglifyjs-webpack-插件 https://www.npmjs.com/package/uglifyjs-webpack-plugin作为一个 webpack 插件，它将使用丑化-es https://www.npmjs.com/package/uglify-es可以缩小 ES6 代码。

npm install uglifyjs-webpack-plugin

然后在你的 webpack.config.js 中：

const Uglify = require("uglifyjs-webpack-plugin");

module.exports = {
    entry: ...,
    output: ...,
    plugins: [
        new Uglify()
    ]
};