通过检测color文件色值的变化根据依赖动态生成SCSS|LESS|CSS色值变量
npm install watch-colorcolor.js 文件保存时自动检测color值变化,
根据依赖动态生成 SCSS | LESS | CSS color变量
nodenpm install watch-color --save-dev
`$3
`json"watchFile": "./colors/color.js",
"outputDir": "./colors",
"scripts": {
"watch": "watchColor"
}
`$3
`javascriptmodule.exports = {
bg: [
'#00000f',
], // create bg.scss | bg.less
font: [
'#eeeeee',
], // create font.scss | font.less
border: [
'#ffffff',
], // create border.scss | border.less
}
`
$3
`scss
// bg
$--bg-color-0000ff: #0000ff;// css var
:root {
--bg-color-0000ff: #{$--bg-color-0000ff};
}
`$3
`less// bg
@--bg-color-0000ff: #0000ff;
// css var
:root {
--bg-color-0000ff: ~"@{--bg-color-0000ff}";
}
``