css之——如何自动编译scss中 import的公共文件?
近期简直忙飞了,专注写bug的三十年也算是大小风浪都见过了,木想到被一个小小的样式给困住了
----
首先 A (a.scss)文件 `@import './manager.scss'` 引入了该公共文件
```css
@mixin common-border-radius {
border-radius: 2px;
}
@mixin common-white-bg {
background:#fff;
}
@mixin color_333{
color: #333;
}
@mixin color_666{
color: #666;
}
@mixin color_999{
color: #999;
}
@mixin color_black{
color: #17233f;
}
@mixin color_gray{
color: #9399a6;
}
@mixin common_text_flow{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
@mixin common_a_hover{
color:#3e71f6;
}
@mixin font-size-16 {
font-size: 16px;
}
@mixin cursor_pointer{
cursor: pointer;
}
.cursor_pointer{
cursor: pointer;
}
.common-spacing-lr35{
padding:0 35px;
}
```
然鹅 公共文件更新了 ,a.scss怎么就不更新了呢?
是怎么了?
机智的我去改了版本号?它如愿更新了
----
不过如果能自动编译更新公共文件就好了
查了百度等等 果然
安装node sass
在自己的项目终端 执行
node-sass -w -r . -o . --indent (不压缩)
或者
node-sass -w -r . -o . --output-style=compressed (压缩)
![image.png](http://www.icode9.com/i/li/?n=2&i=images/20210701/1625118512837572.png?,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpdGk=)
----
搞定!