Angular 使用Webpack时如何在node_模块下的TypeScript文件中放置断点

因此，我正在使用WebStorm并映射我的Webpack（使用Angular2 cli，它使用Webpack）目录，如下所示

我试图在一个TypeScript文件中放置一个断点，该文件位于

node_modules

下，并与webpack一起传输，ts.map文件存在，但当我放置

时；调试器WebStorm打开.js文件而不是.ts文件

请参见带有映射的源文件：


有什么想法吗？
所以找到了答案，需要映射///webpack~
见图片


希望能帮助别人

肖恩找到了答案，需要用~
见图片


希望能帮助别人

Sean
webpack不是将所有文件打包成一个文件吗？除非webpack像SystemJS一样动态加载文件，否则这是不可能的。在开发过程中，我们使用SystemJS动态加载JS，我们可以在Chrome开发工具中打开TypeScript文件并进行调试。不，您仍然可以调试webpack，是的，过去使用SystemJS时效果很好，但现在我要继续使用ng-cli@juan-门德斯，这难道不是一场比赛的主要目的吗。map@borislemkeOP显示每个单独文件的映射文件，但webpack生成一个打包文件，您还需要从个人到打包文件的映射。webpack不是将所有文件打包到一个文件中吗？除非webpack像SystemJS一样动态加载文件，否则这是不可能的。在开发过程中，我们使用SystemJS动态加载JS，我们可以在Chrome开发工具中打开TypeScript文件并进行调试。不，您仍然可以调试webpack，是的，过去使用SystemJS时效果很好，但现在我要继续使用ng-cli@juan-门德斯，这难道不是一场比赛的主要目的吗。map@borislemkeOP显示每个单独文件的映射文件，但webpack生成一个单独的打包文件，您还需要从个人到打包文件的映射