尽管两个任务均已完成,但是此代码确实创建了javascript文件,但未创建CSS文件。 监视任务仅适用于JS任务。
Gulpfile.js示例:
'use strict';
var gulp = require('gulp'),
sass = require('gulp-sass'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
notify = require('gulp-notify'),
del = require('del'),
concatcss = require('gulp-concat-css');
var templateName = 'consult_ws';
var paths = {
styles: {
src: 'src/scss/**/*.scss',
dest: 'local/templates/'+templateName+'/css',
opts: {
outputStyle: 'compressed',
errLogToConsole: true,
}
},
scripts: {
src: 'src/js/**/*.js',
dest: 'local/templates/'+templateName+'/js'
}
};
function handleError(err) {
console.log(err.toString());
this.emit('end');
}
function styles() {
return gulp.src(paths.styles.src, {
sourcemaps: true
})
.pipe(sass(paths.styles.opts).on('error', handleError))
.pipe(concatcss('styles.min.css'))
.pipe(gulp.dest(paths.styles.dest));
}
function scripts() {
return gulp.src(paths.scripts.src, {
sourcemaps: true
})
.pipe(uglify())
.pipe(concat('main.min.js'))
.pipe(gulp.dest(paths.scripts.dest));
}
function watch() {
gulp.watch(paths.scripts.src, gulp.series(scripts));
gulp.watch(paths.styles.src, gulp.series(styles));
}
var build = gulp.parallel(styles, scripts, watch);
gulp.task('default', build);
我尝试重新安装node_modules
和gulp global
,但没有帮助。
我想念什么?