I am currently experimenting with Typescript in combination with Webpack, utilizing the 'awesome-typescript-loader' plugin. However, I am encountering an issue where the source maps are not displaying in the browser when running webpack-dev-server. Interestingly, this same setup previously worked flawlessly with babel-loader and ES6 classes, allowing me to debug ES6 code in the browser despite it being compiled down to ES5.
Below is a snippet of my Webpack configuration file (the full version can be found on GitHub):
module.exports = {
resolve: {
extensions: ['', '.ts', '.js']
},
entry: {
app: './src/app.ts'
},
output: {
path: params.output.path,
filename: params.output.filename
},
module: {
loaders: [
{test: /\.ts$/, loader: 'awesome-typescript', exclude: /node_modules/},
{test: /\.css$/, loader: 'style!css'}
]
},
plugins: [
new HtmlWebpackPlugin({
template: './src/index.html',
inject: 'body'
})
].concat(params.plugins),
progress: true,
colors: true,
devServer: {
port: params.server.port
}
};