test-vue-ui-xu

• 测试用 vue-cli 做一个组件库

"lib": "vue-cli-service build --target lib --name test-ui-vue --dest lib src/index.js"

--target: 构建目标，默认为应用模式。这里修改为 lib 启用库模式。

--dest : 输出目录，默认 dist。这里我们改成 lib

[entry]: 最后一个参数为入口文件，这里我们指定编译 /src/index.js/ 组件库入口文件。

文件结构

TEST-UI-VUE
├── examples # demo 源码
│ ├── assets # 主题 字体等静态资源
│ ├── components # 全局公用组件
│ ├── router # 路由
│ ├── views # views 所有页面
│ ├── App.vue # 入口页面
│ └── main.js # 入口文件 加载组件 初始化等
├── packages # 自定义组件模板
│ └── button # button 组件
│ │ │── src # button 组件源码
│ │ │ └── button.vue # button 组件模板
│ │ └── index.js # button 组件入口，导出 button 组件
├── public # 静态资源
│ │── favicon.ico # favicon 图标
│ └── index.html # html 模板
├── src # 自定义组导出
│ └── index.js # 自定义组件入口，在此处导出所有组件
├── tests # 测试
├── .browserslistrc # 浏览器和 node 版本的配置
├── .eslintrc.js # eslint 配置项.
├── .gitignore # gitignore
├── babel.config.js # babel-loader 配置
├── jest.config.js # jest 配置
├── package.json # package.json
├── README.md # README.md
└── vue.config.js # vue-cli 配置

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.