webpack - WebStorm angular-cli 不走断点?

问题描述

问 题

我用的WebStorm是2017.1.2版本，现在开发一个angular-cli项目，按照WebStorm官方的博客配置好了调试环境，但是死活不走断点，有朋友遇到过这样的问题吗，如何解决呢？

解决方案

官方给出了解决方案了

• run ng eject

• change SourceMapDevToolPlugin configuration as follows:

new SourceMapDevToolPlugin({
            "filename": "[file].map[query]",
            "moduleFilenameTemplate":  info =>`webpack:///${info.resourcePath}`,
            "fallbackModuleFilenameTemplate": "[resource-path]?[hash]",
            "sourceRoot": "webpack:///"
        })

也就是运行ng eject然后在生成的webpack.config.js中找到键"moduleFilenameTemplate"将其对应的值替换成

info =>`webpack:///${info.resourcePath}`

就可以了

issue/WEB-27381

这篇关于webpack - WebStorm angular-cli 不走断点?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！