0

問題があります。昨日、Node.js カーネルを更新する必要がありましたが、LESS ファイルで何かを変更したため、css の更新はありません。Gulpfileはアップデート前と同じです。私の gulpfile スクリプトの何が問題なのか、誰か教えてもらえますか?

HTMLファイルの更新はOKです。

//*********** 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']);

アドバイスありがとうございます :-)

4

1 に答える 1

0

このパスを試してみましたが、問題が残っています。

最後のバージョンの node.js は Node.js 7.2.1 ( Node.js ) でしたが、現在は Node.js 9.8.0 です。

LESS ファイルの 1 行を変更した後、コンソールに画像を添付します。CMD コンソールからの画面

ここで、一連のコマンドが正しく呼び出されていないことがわかります。または、繰り返し呼び出されます。ここで間違いに気づきませんか?

アドバイスありがとうございます

于 2018-03-18T20:34:15.067 に答える