返回介绍

SCSS

发布于 2019-05-26 15:36:16 字数 656 浏览 1040 评论 0 收藏 0

支援的副档名:sassscss

编译 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文