yskj-custom-ui

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.

自定义打包命令：

yarn build:all 

1）打包代码和皮肤（包括多套皮肤）↑ lib文件下 用于推送到npm中

yarn build:all-theme 

2）打包皮肤（包括多套皮肤）↑ lib/theme-chalk

换肤功能是使用命名空间实现的，适用于皮肤数量不多的情况下；如需更多的情况，请是用其他的引用方式

参考：vue[css换肤功能的多种实现方式] https://blog.csdn.net/lxy869718069/article/details/104000240

分三种类型

all // 该目录下的文件需要在body标签上加上对应的命名空间

//（特别注明一定要在body中增加命名空间）

default

index.css // 所有选择器添加命名空间.theme-default 使用gulp-css-wrap打包

light

index.css // 所有选择器添加命名空间.theme-light 使用gulp-css-wrap打包

common.css // 合并defaul和light的文件合集

// 这两个文件下的css可直接引用

default

index.css // 直接引用该地址的文件可使用自定义的default

light

index.css // 直接引用该地址的文件可使用自定义的light

// TODO // XXX 写这么多gulp-file是因为刚学一点点gulp，不太明白其打包命令的精髓

yarn build-bundle

3）仅打包组件↑（会导致样式库删除）

yarn build:theme

4）仅打包皮肤（不包含添加命名空间）↑ 增加lib/default和lib/light地址

yarn build:wrap-theme

3）仅添加命名空间和合并(不会打包皮肤)↑ 增加lib/all/*下地址