Modify .ts webpack loader to have multiple files

Question

How can I modify my .ts webpack loader so that instead of having a single main.[hash].js file with my app's code I can have a .js file for each .ts file?

Right now this is my webpack loader to handle .ts files:

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

Thanks.

Edit: I'm actually looking to be able to search .ts files using google developers tools

Why do you need this? You can use typescript compiler (`tsc`) directly it will do exactly what you want. — kemsky, Feb 10 '17 at 22:31
Please check the edit I added, I actually was looking for something different — ilovelamp, Feb 13 '17 at 17:44

score 0 · Answer 1 · answered Feb 10 '17 at 22:39

0

The point of webpack is specifically to bundle and minty all your typescript into a single file. You don't want that, you can use gulp or some other task runner to just compile the TypeScript.

answered Feb 10 '17 at 22:39

Ben Richards

3,437
1
14
18

score 0 · Accepted Answer · answered Feb 13 '17 at 17:26

0

Got it, I just needed to add this option

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

I should mention that I was actually looking to be able to search .ts files using google developers console and this does it.

answered Feb 13 '17 at 17:26

ilovelamp

739
3
9
20

Modify .ts webpack loader to have multiple files

2 Answers2