2016-08-22 6 views
5

私はツリーの揺れの機能を使用したいと思いますが、babel-preset-es2015-webpackをインストールする必要はありません。 babel-preset-es2015を使用して、es2015プリセットに対してmodulesフラグをfalseに設定することもできます。私は以下のようにWebpackの設定を変更しました。その結果、反応コンポーネントのインポートラインに "予期しないトークンのインポート"エラーが発生します。Webpack es2015ツリーと反応して揺れる

module: { 
    loaders: [ 
     { 
     test: /\.js$/, 
     exclude: /node_modules/, 
     loader: 'babel', 
     query: { 
      presets: [['es2015', {modules: false}], 'react'] 
     } 
     }, 
     { 
     test: /\.scss$/, 
     loader: ExtractTextPlugin.extract("style-loader", "css-loader!sass-loader") 
     } 
    ] 
    } 

Iはまた、[ 'es2015'、 '反応'、{モジュール:偽}] ようにプリセットを設定しようとした:にReferenceError:[BABEL] それからコンソール
モジュールビルド失敗に異なる誤差を持ってC:\ FE-Proj-Templates \ webpack \ main.js:削除されたBabel 5オプションの使用:foreign.modules - 対応するモジュール変換プラグインをpluginsオプションで使用します。チェックアウトhttp://babeljs.io/docs/plugins/#modules

どのようにモジュールフラグがfalseのプリセットes2015を設定し、リアクションプリセットも使用できますか?

+0

あなたはWebPACKの2(ベータ版)を使用している作品ですか? Webpack 1はES2015モジュール(およびツリーシェーキング)をサポートしていません。 – Ambroos

+0

はいwebpack 2を使用しています –

+0

@NeginBasiri解決策は見つかりましたか? –

答えて

12

それが更新され、

presets: [['es2015', {modules: false}], 'react'] 
+9

'['es2015'、{modules:false}]'は別の配列にあることに注意することが重要です。私はまずそれを見落とした。 – vkjb38sjhbv98h4jgvx98hah3fef

+0

あなたは 'presets:[['es2015'、{loose:true、modules:false}]、 'react']'のように 'loose:true'を追加することで、 – AntK

関連する問題