如何调试＆＃34; webpack.config.js＆＃34;文件？

Question

我想调试＆＃34; webpack.config.js＆＃34;文件，而不是使用＆＃34; devtool的应用程序：＆＃39; source-map＆＃39;＆＃34;。我希望debpack配置文件。有什么选择吗？

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

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