スクリプト内でwebpack 2.2.1を使用してパス内のts-loaderを解決する

Question

以下のgulpタスクがあるとします。 私はこのエラーを取得していますエラー出力ディレクトリ構造

wwwroot\js\admin\app.ts 
wwwroot\js\admin\zippy.ts 

と

Module not found: Error: Can't resolve 'app.ts' in 'wwwroot/js/admin'

gulp.task("admin:js", function (done) { 
    module.exports = { 
     context: "wwwroot/js/admin", 
     entry: ["app.ts", "zippy.ts"], 
     output: { 
      filename: "admin.js" 
     }, 
     devtool: "source-map", 
     module: { 
      rules: [ 
       { test: /\.ts$/, use: 'ts-loader' } 
      ] 
     } 
    }; 
    webpack(module.exports).run(onBuild(done)); 
}); 

を得る：

Version: webpack 2.2.1 
Time: 31ms 
     Asset  Size Chunks    Chunk Names 
    admin.js 2.87 kB  0 [emitted] main 
admin.js.map 2.61 kB  0 [emitted] main 
chunk {0} admin.js, admin.js.map (main) 40 bytes [entry] [rendered] 
    [0] multi app.ts zippy.ts 40 bytes {0} [built] 

ERROR in multi app.ts zippy.ts 
Module not found: Error: Can't resolve 'app.ts' in 'wwwroot/js/admin' 
@ multi app.ts zippy.ts 

ERROR in multi app.ts zippy.ts 
Module not found: Error: Can't resolve 'zippy.ts' in 'wwwroot/js/admin' 
@ multi app.ts zippy.ts 

Iからwebpackを実行するかのように、パスの問題ですコマンドライン、wwwroot\js\adminディレクトリにコンテキストパスでは、ファイルが正しくバンドルされ、すべて動作します。

APIスクリプトを使用してプロジェクトルート（.\wwwroot\js\adminから）から実行すると、エラー出力が表示されます。

Answer 1

のWebPACK は相対パスcontext構成エントリでの使用をサポートしていません。次のようにcontextを変更

：

module.exports = { 
    context: __dirname + "/wwwroot/js/admin", 
    ... 

は、出力を修正しました。

Version: webpack 2.2.1 
Time: 2337ms 
     Asset  Size Chunks     Chunk Names 
    admin.js 1.24 MB  0 [emitted] [big] main 
admin.js.map 1.48 MB  0 [emitted]   main 
chunk {0} admin.js, admin.js.map (main) 1.24 MB [entry] [rendered] 
    [0] ./~/angular/index.js 48 bytes {0} [built] 
    [1] ./wwwroot/js/admin/app.ts 408 bytes {0} [built] 
    [2] ./wwwroot/js/admin/zippy.ts 1.16 kB {0} [built] 
    [3] ./~/angular/angular.js 1.24 MB {0} [built] 
    [4] multi ./app.ts ./zippy.ts 40 bytes {0} [built] 
[10:30:37] Finished 'admin:js' after 2.43 s