修改 .ts webpack loader 有多个文件

Question

我如何修改我的 .ts webpack 加载器，而不是只有一个 main.[hash].js 文件和我的应用程序代码，我可以为每个 .ts 文件有一个 .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']
  },

谢谢。

编辑：我实际上希望能够使用 google 开发人员工具

搜索 .ts 文件

Answer 1

webpack 的重点是专门将所有打字稿捆绑并制作成一个文件。如果您不想这样，您可以使用 gulp 或其他一些任务运行程序来编译 TypeScript。

Answer 2

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

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

我应该提一下，我实际上希望能够使用 google 开发人员控制台搜索 .ts 文件，而这确实做到了。

修改 .ts webpack loader 有多个文件

Modify .ts webpack loader to have multiple files

typescript

webpack

webpack-dev-server

angular2-template-loader

angular