# `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`变量即可实现样式的一键切换