gulp 4.0初试

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u012615439/article/details/88664125

gulpfile.js

// Load plugins
var gulp = require('gulp');
var sass = require('gulp-sass');
var autoprefixer = require('gulp-autoprefixer');
var browsersync = require('browser-sync').create();
var reload = browsersync.reload;
var skq = "D:/SVNFiles/yxjr-page/branches/credit-pos/dev/assets/css";
var skq_act = "D:/SVNFiles/yxjr-page/branches/credit-pos/skq-act/dev/assets/css";
var dc = "D:/SVNFiles/yxjr-page/branches/loan-market/dev/dev/assets/css";
var dc_act = "D:/SVNFiles/yxjr-page/branches/loan-market/dc-act/dev/assets/css";
// styles
gulp.task('skq-task', function() {
  return gulp.src(skq + '/**/*.scss')
  .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
  .pipe(autoprefixer({
    browsers: ['last 2 versions', 'ie 8', 'ie 9'],
    cascade: false
  }))
  .pipe(gulp.dest(skq) )
  .pipe(reload({stream: true}) );
});
gulp.task('skq-act-task', function() {
  return gulp.src(skq_act + '/**/*.scss')
  .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
  .pipe(autoprefixer({
    browsers: ['last 2 versions', 'ie 8', 'ie 9'],
    cascade: false
  }))
  .pipe(gulp.dest(skq_act) )
  .pipe(reload({stream: true}) );
});
gulp.task('dc-task', function() {
  return gulp.src(dc + '/**/*.scss')
  .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
  .pipe(autoprefixer({
    browsers: ['last 2 versions', 'ie 8', 'ie 9'],
    cascade: false
  }))
  .pipe(gulp.dest(dc) )
  .pipe(reload({stream: true}) );
});
gulp.task('dc-act-task', function() {
  return gulp.src(dc_act + '/**/*.scss')
  .pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
  .pipe(autoprefixer({
    browsers: ['last 2 versions', 'ie 8', 'ie 9'],
    cascade: false
  }))
  .pipe(gulp.dest(dc_act) )
  .pipe(reload({stream: true}) );
});
gulp.task('watch',gulp.series('skq-task','skq-act-task','dc-task','dc-act-task',function(){
  gulp.watch(skq + '/**/*.scss',gulp.series('skq-task'));
  gulp.watch(skq_act + '/**/*.scss',gulp.series('skq-act-task'));
  gulp.watch(dc + '/**/*.scss',gulp.series('dc-task'));
  gulp.watch(dc_act + '/**/*.scss',gulp.series('dc-act-task'));
}));
// default task
gulp.task('default', gulp.series('watch'));

package.json

{
  "name": "npm-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "browser-sync": "^2.26.3",
    "gulp": "^4.0.0",
    "gulp-autoprefixer": "^6.0.0",
    "gulp-sass": "^4.0.2"
  }
}