Gulp v4不要创建已编译的CSS文件

时间:2018-09-07 10:40:54

标签: gulp gulp-sass

尽管两个任务均已完成,但是此代码确实创建了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_modulesgulp global,但没有帮助。
我想念什么?

0 个答案:

没有答案