指定tsconfig.json的路径

Question

我在具有多个tsconfig.json文件的环境中使用带有awesome-typescript-loader的webpack.在webpack中有一种方法可以指定所需的tsconfig.json文件的路径吗？

装载机:

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

Answer 1

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

Answer 2

目前,加载器是一个对象列表.此外,您可以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: [
    ...
]