ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

css之——如何自动编译scss中 import的公共文件?

2021-07-01 14:06:08  阅读:185  来源: 互联网

标签:scss color cursor common mixin import pointer css


近期简直忙飞了,专注写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=) ---- 搞定!

标签:scss,color,cursor,common,mixin,import,pointer,css
来源: https://blog.51cto.com/u_10826026/2963804

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有