Gulp 基础介绍 gulp-load-plugins DAY82

由於我们前面每加入一个 插件(plugin)

就要引入一次

会发现其实超级麻烦

而且会显得程序码非常冗长

所以 gulp-load-plugins 可以解决此问题

https://www.npmjs.com/package/gulp-load-plugins

那我们就介绍如何安装与使用啦~~

npm install gulp-load-plugins

引入 const $ = require('gulp-load-plugins')();

但此套件只对 gulp开头的 才会有效
autoprefixer 不属於 gulp套件
属於 postcss的延伸套件

加入 $

gulp.task('jade', function() {
    gulp.src('./source/**/*.jade')
    .pipe($.plumber())
    .pipe($.jade({
        pretty: true
    }))
    .pipe(gulp.dest('./public/'))
});
gulp.task('sass', function () {
    return gulp.src('./source/scss/**/*.scss')
    .pipe($.plumber())
    .pipe($.sass().on('error', $.sass.logError))
    .pipe($.postcss([autoprefixer()]))
    .pipe(gulp.dest('./public/css'));
});
gulp.task('watch', function () {
    gulp.watch('./source/scss/**/*.scss', ['sass']);
});
gulp.task('default',['jade','sass','watch']);

最後在终端机输入 gulp
看是否有错误
这样就大功告成啦
若有任何问题 或 内容有误
都可以跟我说唷