如何调试 element-ui 源码代码

Question

1.希望能够在element-ui中以debugger的方式调试源码

2.在项目中以如下方式全局引入element-ui组件库

import Vue from "vue";
import ElementUI from "element-ui";
import 'element-ui/lib/theme-chalk/index.css';
import App from "./views/App.vue";

Vue.use(ElementUI);

new Vue({
    el: "#root",
    render: (h) => h(App)
});

3.相应的报错信息如下：
在node_modules中对应的组件内打debugger，但是发现debugger无效。这或许是组件重新编译后将debugger断点删除。

4.解决方案：
首先避免全局引入ElementUI，也即是不要有 Vue.use(ElementUI) 这段代码。但是要全局引入样式。
然后在具体的vue文件中按需引用组件。
import ElRadioButton from "element-ui/packages/radio/src/radio-button.vue";
import ElRadioGroup from "element-ui/packages/radio/src/radio-group.vue";
此时在radio-button.vue文件中打断点一切ok。