2016-07-14 86 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

'裝載機的一些評論:['真棒,打字稿裝載機configFileName =/src目錄/ 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: [ 
    ... 
] 

你可以使用:

rules: [ 
    ... 
]