Gulp để viết Sass && cai dat

Bước 1: Cài đặt Node JS

Bước 2: npm init npm install Bước 3: Cài đặt Gulp Global npm install --global gulp-cli sudo npm install gulp -g Bước 4: Tao file Gulpfile.js

var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
    return gulp.src('app/css/style.scss').pipe(sass()).pipe(gulp.dest('app/css'));
    // return gulp.src('app/css/style.scss').pipe(sass()).pipe(gulp.dest('./'));
});

Bước 5: Tạo file style.scss

.titleallcourse {
  position: relative;
  text-transform: uppercase;
  font-size: 18px;
  padding-top: 30px;
  padding-bottom: 10px;
  &:after {
    content: "";
    position: absolute;
    background-color: #b82929;
    width: 80px;
    height: 1px;
    bottom: 0;
    left: 0;
  }
}
.wrappermb {
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: none;
  &.active {
    display: block;
  }
}

35KB

Gulp.rar