watch-color
v1.0.9
Published
通过检测color文件色值的变化根据依赖动态生成SCSS|LESS|CSS色值变量
Downloads
6
Readme
功能描述
color.js 文件保存时自动检测color值变化, 根据依赖动态生成 SCSS | LESS | CSS color变量
安装依赖
npm install watch-color --save-dev
配置 package.json
"watchFile": "./colors/color.js",
"outputDir": "./colors",
"scripts": {
"watch": "watchColor"
}
watchFile 文件格式
module.exports = {
bg: [
'#00000f',
], // create bg.scss | bg.less
font: [
'#eeeeee',
], // create font.scss | font.less
border: [
'#ffffff',
], // create border.scss | border.less
}
生成scss / css变量
// bg
$--bg-color-0000ff: #0000ff;
// css var
:root {
--bg-color-0000ff: #{$--bg-color-0000ff};
}
生成less / css变量
// bg
@--bg-color-0000ff: #0000ff;
// css var
:root {
--bg-color-0000ff: ~"@{--bg-color-0000ff}";
}