首页 > 其他 > 详细

Gulp插件less的使用

时间:2015-11-24 21:11:09      阅读:244      评论:0      收藏:0      [点我收藏+]

1.创建:gulpfile.js

var gulp = require(‘gulp‘),
    less = require(‘gulp-less‘);
 
gulp.task(‘default‘, function () {
    gulp.src(‘less/index.less‘)
        .pipe(less())
        .pipe(gulp.dest(‘dist‘));
});

2.创建package.json

npm init

3.安装gulp到项目

npm install --save-dev gulp

4.安装插件到项目:

npm install gulp-less --save-dev

5.准备的less/index.css

@color:#ff0000;
body{color:@color;}

6.目录下运行:

gulp

 

效果输出:

dist/app.css

body {
  color: #ff0000;
}

 

Gulp插件less的使用

原文:http://www.cnblogs.com/tinyphp/p/4992764.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!