我有一个复杂的webpack配置设置(多个配置文件上动态设置的合并),我想看到Webpack使用的最终配置,即所有这些和默认设置的合并结果。
如何实现呢?
let config = {
// ...
plugins: [
// ...
{ // anonymous plugin
apply(compiler) {
compiler.hooks.beforeRun.tapAsync('MyCustomBeforeRunPlugin', function(compiler, callback) {
// debugger
console.dir(compiler.options)
callback()
})
},
}
]
}
当您取消注释 debugger
语句并使用 --inspect-brk
标志运行构建(node --inspect-brk run-webpack.js
),您还可以在 Chrome 开发工具中的 chrome://inspect/
页面中看到它(有助于检查无法序列化到控制台的函数和对象实例)。
module.exports = () => {
// I have two configs to export and wanted to see the rules
// you may not see the nested objects then you have to console log them
// directly
console.log(config[0].module.rules);
console.log(config[1].module.rules);
return config;
};