bbw-components
v1.0.7
Published
1. 复制`src/components/Empty`文件夹 2. 修改.vue和.js中的文件名和组件名 3. 编写组件代码 4. 在build/entrys.ts中添加入口 5. 在src/components.ts中添加入口 6. 打包后的css在lib/assets目录下
Downloads
7
Readme
###添加UI组件-
- 复制
src/components/Empty文件夹 - 修改.vue和.js中的文件名和组件名
- 编写组件代码
- 在build/entrys.ts中添加入口
- 在src/components.ts中添加入口
- 打包后的css在lib/assets目录下
###关于样式文件
- 组件和样式文件应该放在一起
- 组件内style标签应该使用module属性，开启css modules, 防止样式互相影响
- 全局样式，不开启css modules的样式，希望被覆写的样式，应该放在src/styles目录下，引入时不加module属性
- 使用Layout组件，自动引入src/index.scss
- 在其他项目中，可以直接使用
@import '~bbw-components/src/styles/*.scss'引用scss
###添加模块
- 编写代码
- 在src/index.ts中添加入口
- 如果需要打包整个公共模块，请自行修改src/index.ts文件
###关于副作用代码
- 形如
import "a.css";, 引入却没有使用，但确实修改了其他对象造成了副作用的，称为副作用代码； - TreeShaking的时候副作用代码会被删除；
- 如果不想删除的，在package.json中的sideEffects字段加入白名单
###命令说明
- build: 打包所有
- bundle:server : 模块化打包（供服务器端使用）
- bundle:browser : 模块化打包（供浏览器端使用）
- bundle : bundle:server + bundle:browser
- bundle:lib : 按照UI入口打包（提取css用）
- declaration: 声明d.ts