Gulp.js 4 gulpfile.js配置文件与为版本3开发的配置文件不兼容。如何更新gulp任务?
///// Plugin Includes /////
var gulp = require('gulp'),
uglify = require('gulp-uglify'),
plumber = require('gulp-plumber'),
concat = require('gulp-concat'),
jshint = require('gulp-jshint'),
autoprefixer = require('gulp-autoprefixer'),
browserSync = require('browser-sync'),
reload = browserSync.reload,
sass = require('gulp-sass');
///// Compile/Validate JS /////
function js(){
gulp.src('./assets/js/main.js')
.pipe(plumber())
.pipe(jshint())
.pipe(jshint.reporter('default', { verbose: true }))
.pipe(concat('main.min.js'))
.pipe(uglify())
.pipe(gulp.dest('./js/dist/'))
};
///// Compile Sass /////
function sass(){
gulp.src('./assets/scss/style.scss')
.pipe(plumber())
.pipe(sass().on('error', sass.logError))
.pipe(sass( {outputStyle: 'compressed'} ))
.pipe(autoprefixer('last 2 versions'))
.pipe(gulp.dest('./'))
.pipe(browserSync.stream())
};
///// Get PHP /////
function php(){
gulp.src('./**/*.php')
.pipe(gulp.dest('./'))
};
///// Browser Sync /////
function browsersync(){
browserSync.init({
proxy: "bshaia.test",
notify: false
});
gulp.watch('./assets/scss/**/*.scss', sass);
gulp.watch('./assets/js/main.js', js).on('change', browserSync.reload);
gulp.watch('./**/*.php', php).on('change', browserSync.reload);
};
//////////////////////////////
// Default Task
//////////////////////////////
gulp.task('default', browsersync);
我期望browserSync在php文件更改时重新加载,但这并没有发生。V4中的任务数组被更改为series()和parallel()调用,在这些调用中,我还不熟悉它们的新结构。
https://stackoverflow.com/questions/56403386
复制相似问题