指定 tsconfig.json 的路径答案

【问题标题】：Specify path to tsconfig.json指定 tsconfig.json 的路径
【发布时间】：2016-11-17 17:03:49
【问题描述】：

我在具有多个 tsconfig.json 文件的环境中使用 webpack 和 awesome-typescript-loader。 webpack中有没有办法指定所需tsconfig.json文件的路径？

装载机：

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

【问题讨论】：

标签： typescript webpack

【解决方案1】：

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

【讨论】：

请提供一些关于如何解决问题的评论/
loaders: ['awesome-typescript-loader?configFileName=./src/tsconfig.json'] 也适用于我。
看起来它是 ATL 2 中的 tsconfig 和 3 中的 configFileName。

【解决方案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: [
    ...
]

【讨论】：