【发布时间】:2018-08-27 07:11:36
【问题描述】:
我有问题。昨天我必须更新 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']);
感谢您的建议 :-)
【问题讨论】:
-
如果它确实与您的更新有关,我无法帮助您,但您可能希望将
gulp.watch('./orient-spa/skins/less/*.less', ['css']);替换为gulp.watch('./orient-spa/skins/less/**/*.less', ['css']);以同时查看子文件夹中的文件。升级后您是否已经重新加载了 gulp watch 命令? -
请提供您正在使用的版本以及您正在使用的新版本
标签: gulp gulp-watch gulp-less gulp-livereload