Gulp css 样式未更新 [英] Gulp css styles are not updated

问题描述

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

HTML 文件更新正常.

//*********** 进口 *****************var gulp = 需要('gulp'),browserSync = require('浏览器同步');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');/* 浏览器同步 */gulp.task('browserSync', function () {var files = ['orient-spa/**'];browserSync.init(文件，{服务器: {baseDir: 'orient-spa/',索引:'index.html'},日志前缀:'OS01'，浏览器:['chrome']});});gulp.task('css', function () {var 处理器 = [自动前缀];return gulp.src('./orient-spa/skins/less/index-files.less').pipe(少()).pipe(postcss(处理器)).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']);

感谢您的建议 :-)

解决方案

我尝试了这个路径，但问题仍然存在.

node.js 的最新版本是 Node.js 7.2.1(

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

谢谢你的建议

I have problem. Yestrday I had to update the Node.js kernel and now that I change something in the LESS file, there will be no css update. Gulpfile is the same as before the update. Could someone advise me what's wrong with my gulpfile script?

The HTML file update is 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']);

Thanks for your advice :-)

解决方案

I try this path, but problem remains.

Last version node.js was Node.js 7.2.1 (Node.js), now Node.js 9.8.0.

I attach an image to the console after changing 1 line in the LESS file.

Here I see that the set of commands does not call correctly. Or they are called repeatedly. Do not you see a mistake here, please?

Thanks for your advice

这篇关于Gulp css 样式未更新的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！