1.install node
2.install git bash
3.initialize project : npm init. will get package.json file with name version etc
4.install gulp twice
npm install gulp -g
npm install gulp --save-dev
5.create file :scss,css etc
$base-color:#000;
body{
color:$base-color;
height:500px;
font-size:20px;
background:#000;
}
p{
height:50px;
background:#fff;
font-size:50px;
}
6.install plugin:
npm install gulp-sass --save-dev
7.creat gulpfile.js
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass',function(){
gulp.src('./scss/*.scss')
.pipe(sass())
.pipe(gulp.dest('./css'));
});
gulp.task('default',function(){
gulp.run('sass');
gulp.watch('./scss/*.scss',function(){
gulp.run('sass');
})
});
8.gulp sass
notition: remember to switch to root dir.
gulp zero
最新推荐文章于 2024-02-22 14:14:57 发布