Wie zu minifizieren ES6-code mit Webpack?

Ich bin mit webpack und wollen zum bereitstellen von meine Website. Wenn ich minifizieren und bundle-meine JavaScript-code, ich habe diesen Fehler:

Parse error: Unerwartetes token: name (Button)

Hier ist mein nicht gebündelt code:

'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;
    }
}

Beachten Sie gebündelt code das Schlüsselwort export entfernt. In der Entwicklung, es werden keine Fehler geworfen. Hier könnte Ihr meine Konfigurationsdatei von 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,
            },
        })
    ] : []
};

Wenn ich PROD auf false, ich habe keine Fehler, wenn stimmt, ich habe Fehler von oben. Meine Frage ist kann ich Sie aktivieren ES6 in Webpack?

InformationsquelleAutor H. Pauwelyn | 2017-05-31
Schreibe einen Kommentar