H5W3
当前位置:H5W3 > 其他技术问题 > 正文

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

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

clipboard.png

回答:

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

回答:

修改引入方式为:

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”

回答:

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

回答:

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

回答:

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

本文地址:H5W3 » 怎么在项目中调试element-ui源码?

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址