怎么在项目中调试element-ui源码？

Question

在项目中全局使用elementUI，但是想看看代码是怎么写的，但是发现很多独立的文件（比如menu.vue）都编译到了element-ui.common.js文件中，很不好调试，有啥办法可以直接调试源码吗？

Answer 1

试试单独引入组件 import Menu from 'element-ui/packages/menu'

Answer 2

修改引入方式为:

import ElementUI from '../../node_modules/element-ui/src/index.js';

webpack.base.config.js修改babel-loader配置添加：

resolve('node_modules/element-ui')

.babelrc plugin 添加：//yarn add 记得加babel-plugin-前缀
"transform-vue-jsx",
"transform-es2015-modules-commonjs"

Answer 3

遇到同样问题，。。。貌似修改源码后需要编译。

Answer 4

遇到同样问题，不知道如何编译

Answer 5

刚好总结了一篇。可以参考下。在项目中自定义位置放入element-ui并修改编译源代码。
https://github.com/liusaint/e...