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

Question

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

- Ignatius Andrew

---

和其他任何Node.js应用程序一样。或者简单地使用console.log。 - dfsq

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-inspector：

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

最后，在调试选项卡中运行调试配置，选择顶部的配置，然后按下运行配置按钮。

- asulaiman

---

很棒的解决方案，它帮助我调试了我的Webpack配置文件。 - ndh103

如果需要的话，您可以将其指向webpack.config.js文件： node --inspect-brk=9229 ./node_modules/webpack/bin/webpack.js --config webpack.config.js --colors - gijswijs