调试webpack配置文件

webpack运行在nodejs上，调试webpack就相当于调试nodejs程序。下面介绍一种通用的办法。

1、配置package.json，加一个debug。

{
    'scripts': {
        'debug': 'node --inspect-brk node_modules/.bin/webpack --config buildConfig/webpack.config.dev.js'
    }
}

2、打开浏览器调试窗口

在浏览器地址栏输入，chrome://inspect/#devices，并点击Open dedicated DevTools for Node，打开node调试的控制台。

3、运行调试

npm run debug

4、点击左侧导航network-file-项目，按下快捷键F8后，会看到buildConfig文件夹下的webpack配置文件，打开该文件，添加断点，即可调试webpack配置文件。