如何调试“webpack.config.js”文件？

Question

我想调试“webpack.config.js”文件，而不是使用“devtool: 'source-map'”的应用程序。我希望调试 webpack 配置文件。有什么办法吗？

Answer 1

只需使用 nodejs 在调试模式下运行webpack.js。您可以在终端上运行以下命令（假设您已经在存在 node_modules 的目录中）：

node --inspect node_modules/webpack/bin/webpack.js --colors

当我开发自己的 webpack 加载器时，我还发现 VSCode 调试器非常适合调试。如果你使用 VS Code，你可以让你的 launch.json 具有以下配置：

{
        "type": "node", 
        "request": "attach",
        "name": "Attach",
        "port": 5858
}

然后使用以下命令运行节点检查器：

node --inspect-brk=5858 node_modules/webpack/bin/webpack.js --colors

最后通过进入调试选项卡运行调试配置，在顶部选择您的配置，然后按运行配置按钮。