2016-07-14 3 views
7

複数のtsconfig.jsonファイルがある環境でawesome-typescript-loaderを使用してwebpackを使用しています。 webpackに、目的のtsconfig.jsonファイルのパスを指定する方法はありますか?tsconfig.jsonへのパスを指定

ローダー:

{ 
     test: /\.ts$/, 
     loaders: ['awesome-typescript-loader', 'angular2-template-loader'], 
     exclude: [/\.(spec|e2e)\.ts$/] 
} 

答えて

12
loaders: ['awesome-typescript-loader?tsconfig=/path/to/tsconfig.json', 'angular2-template-loader'], 
+2

を、これが問題/ –

+2

'ローダーを解く方法についていくつかのコメントを入力してくださいtsconfig.json '] 'も私のために働きます。 –

+1

ATL 2では 'tsconfig'、3では' configFileName'のようです。 – georgiosd

8

現在、ローダーは、オブジェクトのリストです。また、queryパラメータをよりクリーンな方法で提供することもできます。代わりに:

loader: 'awesome-typescript-loader?configFileName=...' 

あなたが持つことができます。

// Assuming your typescript stuff is in ./src/components: 
loaders: [ 
    { 
    test: /src\/components\/.*\.tsx?$/, 
    exclude: /node_modules/, 
    loader: 'awesome-typescript-loader', 
    query: { 
     // Use this to point to your tsconfig.json. 
     configFileName: './src/components/tsconfig.json' 
    } 
    }, 
    { 
    // Another loader... 
    } 
] 

更新

私はloadersは今rulesと呼ばれていると信じています。だから、代わりに:

loaders: [ 
    ... 
] 

あなたが使用します?。[ '素晴らしい-typescriptです-ローダーconfigFileName =/SRC /:

rules: [ 
    ... 
] 
関連する問題