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=) ---- 搞定!
上一篇:鸿蒙开发目录结构及文件使用规则介绍


下一篇:数据同步