1、将同一类型的组件放在一个文件夹下
2、在此文件夹下创建一个index.js
3、在index.js中导入组件,并把他们暴露出去
1、写法一
import studentCourse1 from './studentCourse.vue'
import studentInfo1 from './studentInfo.vue'
export var studentCourse=studentCourse1
export var studentInfo=studentInfo1
2、
我们暂时给提取出来的脚手架取名叫vde-cli,通过vde-cli脚手架生成的组件库工程目录结构如下:
核心功能
组件库
工程的packages文件夹就是用来存放组件库里面的各种组件了,这里不需要通过手动创建文件的方式创建组件,直接通过一条创建组件的命令完成。每个组件都有一个单独的组件文件夹,组件文件夹下都至少包含”index.vue”,”example.vue”,”readme.md”这三个文件,这几个文件都是通过创建组件传递的参数加指定的模板生成,创建组件的命令如下:
npm run g