babel-loaderを使用したWebpack：ビルドプロジェクトの外にあるエントリポイントを使用する

Question

私は、ビルダープロジェクトを自分のアプリケーションソースプロジェクトとは別のパターンにしてwebpack + babel-loaderを使用しようとしています。基本的に

：

/builder-project/build.js 
/app-project/app.js 

build.jsで：

var webpack = require('webpack'); 

var compiler = webpack({ 
    entry : './../app/app.js', 
    output : { 
     filename : 'out.js' 
    }, 
    bail : true, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['es2015'] 
       } 
      } 
     ] 
    } 
}); 

compiler.run(function(err, stats) { 
    console.log(err); 
}); 

そしてapp.jsは、基本的なES6モジュールが含まれています。

実行中のbuild.js私はCouldn't find preset "es2015" relative to directory [absolute-path-on-my-machine]/app-projectを取り除くことができません。基本的には、babel-loaderをサポートしているnpmモジュールを、ビルドスクリプトではなくエントリポイントのパスを基準にして探しています。

webpackの設定でcontextとresolveの部分を試しましたが、webpack/babel-loaderがエントリポイントに対してその内容を読み込まないように見えません。私にとっては、エントリポイントではなく、ビルドスクリプトに相対的なライブラリパスを維持する方が理にかなっていますが、そのように設計されていない可能性があります。

UPDATE

ので@nilsから以下の回答は間違いなくすぐに問題を解決しました。しかし、同じ問題が2番目に含まれるモジュール内で再び起こっています。私は上記のそれのソースが含まれていますが、見ていなかった。

app.js：

import Factory from './../../vendor/factory-project/factory.js'; 

var App = Factory.define({ 
    //... 
}); 

export default App; 

factory-projectフォルダがnpmで初期化し、node_modulesを持っています。ビルドを実行すると、ローダーはで正常に動作するようになりましたが、その中にimportを処理するときと同じエラーが発生します：Couldn't find preset "es2015" relative to directory [some-path-on-my-machine]/factory-project答えの中にresolveLoaderを使ってみても同じように見えますが、npmで初期化されたプロジェクトフォルダからファイルをインクルードすると無視されるようです。

UPDATE 2

この原因既知のバグがあります。回避策については、私の答えを参照してください。

Answer 1

あなたはresolveオプションに近いですが、resolveLoaderと呼ばれるものがあります。

From the documentation:

重要：ここローダーは、彼らが適用されているリソースに関連して解決されています。これは、構成ファイルに対して解決されていないことを意味します。 npmからローダーがインストールされていて、node_modulesフォルダーがすべてのソースファイルの親フォルダーにない場合、webpackはローダーを見つけることができません。 node_modulesフォルダーをresolveLoader.rootオプションの絶対パスとして追加する必要があります。 （resolveLoader：{ルート：パス。（__ dirnameは、 "node_modules"）に参加}）

は、あなたのnode_modulesフォルダがbuild.jsと同じフォルダ内にある、あなたは次のように記述したと仮定すると：

var compiler = webpack({ 
    entry : './../app/app.js', 
    output : { 
     filename : 'out.js' 
    }, 
    bail : true, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['es2015'] 
       } 
      } 
     ] 
    }, 
    resolveLoader: { 
     root: path.resolve(__dirname, 'node_modules') 
    } 
}); 

Answer 2

だから、これは既知のバグであると思われます： https://github.com/babel/babel-loader/issues/166

私はが動作するはず何だから@nils'の答えを受け入れるつもりですが、バグが解決されるまで、1はを置くの回避策を使用する必要があります。プレビューの：

var compiler = webpack({ 
    entry : './../app/app.js', 
    output : { 
     filename : 'out.js' 
    }, 
    bail : true, 
    module: { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: /(node_modules|bower_components)/, 
       loader: 'babel-loader', 
       query: { 
        presets: [require.resolve('babel-preset-es2015')] 
       } 
      } 
     ] 
    }, 
    resolveLoader: { 
     root: path.resolve(__dirname, 'node_modules') //no work :(
    } 
});