tis-cli/templates/component/packages/theme-cli

theme-cli tis-design基础主题样式生成工具

如何使用

主要依赖以下命令和参数

第一步：首选需要修改variables.scss文件,将其中变量修改成为自定义想要的内容

第二步：执行打包命令即可打包出一套基于自定义变量的组件库样式css文件

执行样式打包命令：npm run build:theme -- --out theme_name --prefix true

--out参数：表述最终文件输出的根目录文件夹名字，例如--out参数设置成dark,则最终打包输出的样式文件会落在theme-files/dark文件夹下

PS：默认样式在theme_files/normal文件夹下

--prefix参数：表示打包出来的样式是否需要带上[data-theme="theme_name"]的作用域，这个是为了配合框架在做主题切换的时候可以引入样式之后，通过JS动态切换html元素的data-theme变量即可实现样式的一键切换