2016-07-14 53 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: [ 
    ... 
]