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 系列 手札
本文作者:陈景峯
转载请与作者联系,同时请务必标明文章原始出处和作者信息及本声明。

目录
相关文章
|
JSON 前端开发 Shell
前端项目添加代码规范(eslint prettier stylelint husky lint-staged commitlint)
前端项目添加代码规范(eslint prettier stylelint husky lint-staged commitlint)
348 0
|
7月前
|
资源调度
蓝易云 - Error: PostCSS plugin autoprefixer requires PostCSS 8问题解决办法
以上步骤应该可以解决"PostCSS plugin autoprefixer requires PostCSS 8"的问题。如果问题仍然存在,你可能需要检查你的项目配置,确保没有其他的冲突或问题。
283 0
|
8月前
|
前端开发 开发者
stylus、sass、less区别, Sass 、LESS是什么
【4月更文挑战第1天】stylus、sass、less区别, Sass 、LESS是什么
104 0
|
iOS开发
|
前端开发
初学Sass
初学Sass
80 0
|
前端开发 JavaScript 测试技术
postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用
postcss及其插件autoprefixer、postcss-preset-env、stylelint的使用
341 0
|
Shell BI 开发工具
It looks like you are trying to use glob syntax (i.e. “*“) with esbuild?
It looks like you are trying to use glob syntax (i.e. “*“) with esbuild?
It looks like you are trying to use glob syntax (i.e. “*“) with esbuild?
|
前端开发 JavaScript 编译器
再看 Babel
说到 Babel 我会想到的一些关键词,语言特性、tc39、补丁、扩展和生态、慢,你会想到啥?
再看 Babel
|
前端开发
了解sass
了解sass
182 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模块化的教程。
155 0