element-ui 阅读源码前注意事项(1)

243 阅读1分钟

element-ui,版本v2.15.1

  1. 下载element-ui的源码包,先进行npm install。完成node_modules安装。

  2. 先找到根目录build里面的webpack-demo.js,改动里面的配置 图片.png

  3. 改动配置,运行后让其自动打开浏览器 图片.png

  4. 对于不爱使用eslint的朋友,可以先注释 图片.png

  5. 我们发现了package.json里面的script命令 dev:play。茫茫人海中就是你了 图片.png

  6. 直接运行npm run dev:play。就能在地址中预览项目了,如下图 图片.png

  7. 运行官方DEMO成功 图片.png

  8. 其实我们很容易找到入口文件,其实是这里 图片.png

  9. 我们来看看play.js里面有什么内容。这个main的文件夹,是哪里引用过来的?

图片.png

图片.png

  1. 找到你了,就是这个文件 图片.png

  2. 在examples/play/index.vue文件下,能愉快调试了 图片.png

图片.png

  1. 直接改动packages下的组件,能马上热重载看到效果 图片.png