文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
SCSS
支援的副档名:sass
及 scss
编译 SCSS 需要先使用 npm 安装 sass
模组 (JS 版本的 dart-sass
):
npm install -D sass
安装 sass
后,你可以从 JavaScript 档案中汇入 SCSS 档案。
import './custom.scss'
SCSS 中的相依档案可透过 @import
语法使用。
若你在执行前没有自行安装 sass
,Parcel 将会自动为你安装。
此外,你可以用如 .sassrc
的设定档来设定 SASS,举例来说,若你想要控制输出 CSS 的样式,你可以这样设定:
{ outputStyle: "nested", }
注:你也可以使用 node-sass
来提升 SCSS 编译速度,但目前已有人回报相关 issue。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论