在写css的时候有时候会大量重复使用一些颜色,加入今后要修改,就得修改所有的地方,这样显然不符合分离的设计(解耦)。所以应该怎么做呢?
1.创建一个新文件,里面存放样式
varibles.stylus:
$bgColor=#00bcd4
2.在style中引用
这里一定要注意,@是webpack定义的src目录。但是这里在使用是需要加~ 即~@
@import "文件所在的相对路径/varibles.stylus"
或者使用~@代替路径
@import "~@/assets/styles/varibles.stylus"
3.使用
最后将 #00bcd4 替换成 $bgColor