- 编译Sass代码为CSS
- 使用命令行工具
- Node - Sass:如果使用Node.js环境,可以安装
node - sass
工具。首先在项目目录下通过npm install node - sass - -save - dev
安装。然后在命令行中使用node - sass input.scss output.css
来将input.scss
文件编译为output.css
文件。如果有多个Sass文件,可以使用通配符,如node - sass src/*.scss dist/
,这将把src
目录下所有的.scss
文件编译到dist
目录下对应的.css
文件。 - Dart - Sass:它是Sass的官方实现。可以通过
npm install - g sass
全局安装(也可以在项目内安装)。之后使用sass input.scss output.css
进行编译。与node - sass
类似,也支持目录编译,如sass src:dist
,将src
目录下的Sass文件编译到dist
目录下。
- Node - Sass:如果使用Node.js环境,可以安装
- 集成到构建工具中
- Gulp:安装
gulp - sass
插件(npm install gulp - sass - -save - dev
)。在gulpfile.js
中配置任务,例如:
const gulp = require('gulp'); const sass = require('gulp - sass')(require('node - sass')); gulp.task('sass', function ()
- Gulp:安装
- 使用命令行工具