用less可以很大的减少编写css时的代码量,如何解析可能是很多初学者困扰的问题
方法/步骤
2
build-less的作用是解析less,把解析出的css导入css文件夹gulp.task('build-less', function(){ gulp.src('src/*.less') .pipe(less()) .pipe(gulp.dest('css/'))});执行stylesheets前会先执行build-less,stylesheets会把css合并到all.css中gulp.task('stylesheets',['build-less'], function() { gulp.src('css/*.css') .pipe(concat('all.css')) .pipe(gulp.dest('css/'))});
5
个人比较喜欢把less编译出的文件集合到一个css中,但winless中没有像gulp中的concat功能。这里可以用到less中的@import就是新建一个style.less,内容为@import '文件名1.less';@import '文件名2.less';然后解析时,只要解析style.less一个就行了