gulp - Gulp css 样式未更新

Question

我有问题。昨天我不得不更新 Node.js 内核，现在我更改了 LESS 文件中的某些内容，将不会有 css 更新。Gulpfile 和更新前一样。有人可以告诉我我的 gulpfile 脚本有什么问题吗？

HTML 文件更新正常。

//*********** IMPORTS *****************
var gulp = require('gulp'),
browserSync = require('browser-sync');
var postcss = require('gulp-postcss');
var less = require('gulp-less');
var watch = require('gulp-watch');
var livereload = require('gulp-livereload');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat-css');
var cssmin = require('gulp-cssmin');


/* BROWSERSYNC */
gulp.task('browserSync', function () {
    var files = ['orient-spa/**'];

    browserSync.init(files, {
       server: {
          baseDir: 'orient-spa/',
          index: 'index.html'
       },
       logPrefix: 'OS01', 
       browser: ['chrome']
    });
});

gulp.task('css', function () {
    var processors = [
        autoprefixer
    ];
    return gulp.src('./orient-spa/skins/less/index-files.less')
    .pipe(less())
    .pipe(postcss(processors))
    .pipe(gulp.dest('./orient-spa/skins/css/'))
    .pipe(livereload());
});

gulp.task('watch', function() {
    livereload.listen();
    gulp.watch('./orient-spa/skins/less/*.less', ['css']);
    gulp.watch('./orient-spa/skins/css/*.css', ['concatMinify']);
});

gulp.task('concatMinify', function () {
    return gulp.src('./orient-spa/skins/css/*.css')
    .pipe(concat("index.css"))
    .pipe(cssmin())
    .pipe(gulp.dest('./orient-spa/skins/css/compiled'))
    .pipe(livereload());
});

gulp.task('default', ['browserSync', 'watch', 'css', 'concatMinify']);

谢谢你的建议 ：-）

Answer 1

我尝试这条路，但问题仍然存在。

上一个版本 node.js 是 Node.js 7.2.1 ( Node.js )，现在是 Node.js 9.8.0。

更改 LESS 文件中的 1 行后，我将图像附加到控制台。

在这里，我看到命令集没有正确调用。或者他们被反复调用。你没看到这里有错误吗？

谢谢你的建议