2016-07-14 11 views
7

Ich verwende Webpack mit awesome-typescript-loader in einer Umgebung mit mehreren tsconfig.json-Dateien. Gibt es im Webpack eine Möglichkeit, den Pfad der gewünschten tsconfig.json-Datei anzugeben?Pfad zu tsconfig.json angeben

Lader:

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

Antwort

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

Bitte geben Sie einige Kommentare darüber, wie dies löst das Problem/ –

+2

'Lader:. [ 'Awesome-Typoskript-loader KonfigDateiname =/src/tsconfig.json '] 'funktioniert auch für mich. –

+1

Sieht aus, als wäre es "tsconfig" in ATL 2 und "configFileName" in 3. – georgiosd

8

Derzeit sind Lader eine Liste von Objekten. Außerdem können Sie query Parameter auf eine sauberere Weise bereitstellen. Statt:

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

können Sie haben:

// 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... 
    } 
] 

aktualisieren

Ich glaube loaders jetzt rules genannt werden. Also statt:

loaders: [ 
    ... 
] 

würden Sie verwenden:

rules: [ 
    ... 
] 
Verwandte Themen