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

Question

我想调试"webpack.config.js"文件,而不是使用"devtool:'source-map'"的应用程序.我希望debpack配置文件.有什么选择吗？

Answer 1

只需webpack.js使用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

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