webpack - 如何调试 "webpack.config.js"文件？

Question

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

Answer 1

只需运行 webpack.js在 Debug模式下使用 nodejs。您可以在终端上运行以下命令(假设您已经在包含 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

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