codecamp

Parcel 与 SCSS

SCSS

支持扩展类型: sass, scss

SCSS 编译需要sass(dart-sass的 JS 版本)模块。通过 npm 安装:

npm install -D sass

在 JavaScript 文件导入 SCSS 文件:

import './custom.scss'

SCSS 文件中的依赖关系可以使用@import语句。

在运行 Parcel 之前,你没有安装sass模块,Parcel 将自动为你安装。同样的,也可以通过创建配置文件如:.sassrc 配置 sass 编译。

举个例子,可以像这样指定生成 CSS 的输出样式:

{
  outputStyle: "nested",
}

注意: 也可以使用 node-sass 模块编译 SCSS 带来更快的编译体验。这里有一篇在 Parcel 中使用node-sass 模块的报告


Parcel 与 CSS
Parcel 与 LESS
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }