修改 .ts webpack loader 以拥有多个文件答案

【问题标题】：Modify .ts webpack loader to have multiple files修改 .ts webpack loader 以拥有多个文件
【发布时间】：2017-06-29 07:55:37
【问题描述】：

如何修改我的 .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 文件

【问题讨论】：

为什么需要这个？您可以直接使用 typescript 编译器 (tsc)，它会完全按照您的意愿进行操作。
请检查我添加的编辑，我实际上是在寻找不同的东西

标签： angular typescript webpack webpack-dev-server angular2-template-loader

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：