2016-10-29 24 views
2

私は、とbabelをWebワーカーコードのes6インポートサポートに使用しようとしています。ワーキングローダーでwebpack babel-loaderとes6を使用するには?

これは正しくd46f60b8e184bf8b1cb8.worker.js

のようなハッシュ名を持つ労働者のためのsepearteバンドルファイルを作成し、私は私のwebpack.config.js

{ 
    test: /\.worker\.js$/, 
    loader: "worker!babel", 
    presets: ['es2015'] 
    } 

で次のセットアップを持っているただし、このファイルはバベルを介して実行されていない変換し、 es5に変換されます。したがって、生のes6インポート統計と、ブラウザで失敗した構文が含まれています。次のようになります。

/* 0 */ 
/***/ function(module, exports) { 

    import _ from 'lodash'; 

    var o = {foo: 'foo'}; 

    _.has(o, 'foo'); // true 

    setInterval(() => { 
     postMessage({tick: Date.now()}); 
    }, 1000); 


/***/ } 
/******/ ]); 

私は次のようにローダーの順序を切り替える試してみました:

{ 
    test: /\.worker\.js$/, 
    loader: "babel!worker", 
    presets: ['es2015'] 
    } 

ともなし成功を収めてpreLoaderspostLoadersに移動しようとしました。

答えて

2

私は同じ問題に遭遇したとオプションhereで述べたクエリ文字列パラメータを使用して成功を収めて:

ので:

{ 
    test: /\.worker\.js$/, 
    loader: "worker!babel?presets[]=es2015" 
} 
関連する問題