AngularJS with Webpack - Production Source Maps

InstructorKent C. Dodds

Share this video with your friends

Send Tweet

When you uglify your Angular code with Webpack's uglify plugin, debugging your application can be a nightmare. See how easy it is to add source maps to your bundle so you can easily debug even in production.

Paul
Paul
~ 5 years ago

Just a brilliant series. Thanks Kent.

Kent C. Dodds
Kent C. Dodds(instructor)
~ 5 years ago

Thanks Paul!

janppires
janppires
~ 5 years ago

Hi Kent!

How do you use map-sources with unit testing? Thanks!

Kent C. Dodds
Kent C. Dodds(instructor)
~ 5 years ago

Set devtool when you're in test mode (I recommend eval)

janppires
janppires
~ 5 years ago

what are the differences between the options available? Is there any place that explains properly those options? The official documentation (https://webpack.github.io/docs/configuration.html) is not easy to understand. Different info I found on the internet, looks like people just chose randomly the options. Some of them simply do not work. I tried some options and the result mapping is completely wrong. The source shown do not match with the correct one.

Thanks

Kent C. Dodds
Kent C. Dodds(instructor)
~ 5 years ago

These are the available options. I agree that it's not 100% clear how things work. I recommend that in development you use eval and in production you use source-map :)