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