Webpackを使用してES6コードを縮小する方法は？

Question

私はwebpackを使用しており、自分のサイトを展開したいと考えています。私は縮小化し、私のJavaScriptコードをバンドルした場合、私はこのエラーを持っている：

'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が除去された同梱のコードで：ここ

Parse error: Unexpected token: name (Button)

は私のバンドルされていないコードがあります。開発段階では、エラーは発生しません。ここでは、WebPACKの私の設定ファイルを見つけることができる：私はfalseにPRODを変更した場合、私は上からのエラーを持っている場合はtrue

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, 
      }, 
     }) 
    ] : [] 
}; 

、私は、エラーをしたん。私の質問はWebpackでES6を有効にすることですか？

Answer 1

答えがまだ分かりませんが、ウェブパックプラグインとしてuglifyjs-webpack-pluginのベータ版を含めることができます。uglify-esを使用してES6コードを縮小できます。あなたのwebpack.config.jsで

npm install uglifyjs-webpack-plugin 

、その後：

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

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

Answer 2

このデフォルトのWebPACKの設定持つ：

> npm list -g uglifyjs-webpack-plugin 
+-- 
| `-- webpack@3.10.0 
| `-- uglifyjs-webpack-plugin@0.4.6 
`-- webpack@3.10.0 
    `-- uglifyjs-webpack-plugin@0.4.6 

esnextターゲットと私のために働いていた次のことを：

npm i -D uglifyjs-webpack-plugin 

は現在、地元uglifyjs-のWebPACK-プラグインをもたらす：

> npm list uglifyjs-webpack-plugin 
`-- uglifyjs-webpack-plugin@1.2.2  

webpack.config.js

const UglifyJSPlugin = require('uglifyjs-webpack-plugin') 
... 
plugins: [ 
    //new webpack.optimize.UglifyJsPlugin() @0.4.6 doesn't work 
    new UglifyJSPlugin() // @1.2.2 works with esnext 
] 

は、関連するメンテナの記事を参照してください：

• Is ES6+ supported or not?
• Rest parameters not recognized