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
看是否有错误
这样就大功告成啦
若有任何问题 或 内容有误
都可以跟我说唷