4.9. Sass Compilation

简介:

Using gulp-sass

		
npm install --save-dev gulp-sass
		
		

gulpfile.js:

		
// including plugins
var gulp = require('gulp');
var sass = require("gulp-sass");

// task
gulp.task('compile-sass', function () {
    gulp.src('./Sass/one.sass') // path to your file
    .pipe(sass())
    .pipe(gulp.dest('path/to/destination'));
});
		
		

Run:

		
gulp compile-sass
		
		





原文出处:Netkiller 系列 手札
本文作者:陈景峯
转载请与作者联系,同时请务必标明文章原始出处和作者信息及本声明。

目录
相关文章
|
24天前
|
前端开发 开发者
stylus、sass、less区别, Sass 、LESS是什么
【4月更文挑战第1天】stylus、sass、less区别, Sass 、LESS是什么
9 0
|
4月前
|
JavaScript
browserify
browserify
26 1
|
6月前
|
iOS开发
|
9月前
|
前端开发
初学Sass
初学Sass
51 0
|
9月前
|
JavaScript 编译器
‘defineProps‘ is not defined.eslint no-undef 问题解决
‘defineProps‘ is not defined.eslint no-undef 问题解决
|
Rust 编译器 Go
你真的了解ESM吗?
模块兼容性 推荐阅读指数⭐️⭐️⭐️ ESM是个啥 推荐阅读指数⭐️⭐️⭐️⭐️ 在浏览器中使用ESM 推荐阅读指数⭐️⭐️⭐️⭐️ 模块指定符 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 默认情况下,模块是defer的 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 动态导入 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ import.meta 推荐阅读指数⭐️⭐️⭐️⭐️⭐️ 优化建议 推荐阅读指数⭐️⭐️⭐️ 网站中使用ESM 推荐阅读指数⭐️⭐️⭐️
104 0
你真的了解ESM吗?
|
前端开发 开发者
less-sass&stylus |学习笔记
快速学习 less-sass&stylus
53 0
Stylus - 方法(Functions)
Stylus - 方法(Functions)
64 0
Stylus - 方法(Functions)
|
前端开发
了解sass
了解sass
156 0
|
前端开发 JavaScript 安全
使用Sass来写OOCSS
自从2008年Nicole Sullivan提出Object-Oriented CSS(OOCSS)以来。它就成为一个领先的模块系统,用来组织你的CSS代码方式之一。 OOCSS不同于其他组织CSS代码方法,比如SMACSS或者BEM。通过将CSS代码和结构分离让你的模块可重用。事实上,我也通常将SMACSS与OOCSS混为一谈。其实John W. Long在The Sass Way上面写了很多篇有关于CSS模块化的教程。
121 0