查看compiler和compliation对象

查看compiler和compliation对象

由于compiler和compliation对象中属性太多，直接在终端打印会难以对里面的内容进行观测

这里可以利用node调试的方式，对数据进行观测。

调试步骤：

1. 在apply方法中添加debugger

class TestPlugin {
    constructor() {
        console.log("执行constructor")
    }
    apply(compiler) {
        console.log("执行apply方法");
        debugger;
    }   
//... 
}

2. 在package.json中配置

 "scripts": {
      //......
    "debug":"node --inspect-brk ./node_modules/webpack-cli/bin/cli.js"
  },

--inspect: 进行调试

-brk:在首行打断点

./node_modules/webpack-cli/bin/cli.js ： 执行webpack指令，加载webpack.config.js中的内容

4. npm run debug

5. 打开浏览器任意窗口,f12，点击绿色按钮进入调试工具

6. 点击开始按钮，就会跳到打了debugger的地方

然后就可以很清晰的看到相关属性了。