Angular 修改.ts网页包加载器以具有多个文件

Angular 修改.ts网页包加载器以具有多个文件,angular,typescript,webpack,webpack-dev-server,angular2-template-loader,Angular,Typescript,Webpack,Webpack Dev Server,Angular2 Template Loader,如何修改我的.ts网页包加载器,使每个.ts文件都有一个.js文件,而不是一个主[hash].js文件和我的应用程序代码 现在这是我处理.ts文件的网页包加载程序: output: { filename: '[name].[hash].js', }, resolve: { extensions: ['', '.ts', '.js', '.json'] }, module: { loaders: [ { test: /\.ts$/, ex

如何修改我的.ts网页包加载器,使每个.ts文件都有一个.js文件,而不是一个主[hash].js文件和我的应用程序代码

现在这是我处理.ts文件的网页包加载程序:

  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文件

webpack的目的是专门将所有的打字脚本捆绑到一个文件中。如果不希望这样,可以使用gulp或其他任务运行程序来编译类型脚本

明白了,我只需要添加这个选项

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

我应该提到的是,我实际上希望能够使用google开发者控制台搜索.ts文件,这就做到了。

为什么需要这个?您可以直接使用typescript编译器(
tsc
),它将完全按照您的要求执行。请检查我添加的编辑,我实际上是在寻找不同的内容