angular - 修改 .ts webpack loader 以拥有多个文件

Question

如何修改我的 .ts webpack 加载器，以便我可以为每个 .ts 文件创建一个 .js 文件，而不是使用一个带有我的应用程序代码的 main.[hash].js 文件？

现在这是我处理 .ts 文件的 webpack 加载器：

  output: {
   filename: '[name].[hash].js',
  },
  resolve: {
   extensions: ['', '.ts', '.js', '.json']
  },
  module: {
   loaders: [
   {
    test: /\.ts$/,
    exclude: [
      './node_modules'
    ],
    loaders: ['awesome-typescript-loader', 'angular2-template-loader']
  },

谢谢。

编辑：我实际上希望能够使用谷歌开发者工具搜索 .ts 文件

Answer 1

webpack 的重点是专门将所有 typescript 打包并打包到一个文件中。你不想这样，你可以使用 gulp 或其他一些任务运行器来编译 TypeScript。

Answer 2

知道了，我只需要添加这个选项

module.exports = {
 devtool: 'source-map',

我应该提到，我实际上希望能够使用谷歌开发者控制台搜索 .ts 文件，并且这样做了。