多语言展示
当前在线:1651今日阅读:84今日分享:32

less解析工具(gulp/winless)

用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一个就行了

推荐信息