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

时间:2017-02-10 20:42:20

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

如何修改我的.ts webpack加载器,以便使用我的应用程序的代码而不是单个main。[hash] .js文件,我可以为每个.ts文件提供一个.js文件?

现在这是我的webpack加载器来处理.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文件

2 个答案:

答案 0 :(得分:0)

webpack的重点是将所有打字稿捆绑并粘贴到一个文件中。您不希望这样,您可以使用gulp或其他任务运行器来编译TypeScript。

答案 1 :(得分:0)

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

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

我应该提一下,我实际上希望能够使用谷歌开发者控制台搜索.ts文件,这样做。