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: [
    ...
]

指定tsconfig.json的路径

2 个答案: