可能存在的原因:
css的引用路径是否准确(浏览器打开HTML文件,然后右键查看源码,点下引入的css,看看能不能打开),能则下一步。
less编译的css存放路径是否准确。生成之后,看下前后两次生成的css文件是否有变化。有则往下分析;
要想效果实时生效,需要浏览器能自动刷新或者自动加载,这是必要,不然即使less能自动化编译,但如果浏览器不能自动刷新或者自动加载,那效果也是不能实时改变的。目前能实现浏览器页面自动刷新的gulp插件有:gulp-connect,不知道你用进去了没,没用的可以试试?
gulp-connect 配置问题或者浏览器livereload插件没有工作。如果确定配置没问题,可以在命令行窗口按Ctrl+C停掉gulp任务,然后重新运行gulp任务就好。
ps:还不行的话,建议把gulpfile.js源码发来大家看看找出原因。
/步骤首先要确保pc装nodeglobal环境项目文件都install gulp
npm install gulp -g (global环境)
npm install gulp --save-dev (项目环境)
项目install需要gulp插件般压缩需要
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
更插件链接找
项目根目录新建gulpfile.jsrequire需要module
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del')
压缩css
gulp.task('minifycss', function() {
return gulp.src('src/*.css') //压缩文件
.pipe(gulp.dest('minified/css')) //输文件夹
.pipe(minifycss())//执行压缩
})
压缩js
gulp.task('minifyjs', function() {
return gulp.src('src/*.js')
.pipe(concat('main.js')) //合并所jsmain.js
.pipe(gulp.dest('minified/js')) //输main.js文件夹
.pipe(rename({suffix: '.min'})) //rename压缩文件名
.pipe(uglify()) //压缩
.pipe(gulp.dest('minified/js'))//输
})
执行压缩前先删除文件夹内容
gulp.task('clean', function(cb) {
del(['minified/css', 'minified/js'], cb)
})
默认命令cmd输入gulp执行命令
gulp.task('default', ['clean'], function() {
gulp.start('minifycss', 'minifyjs')
})
要cmd执行gulp即