码迷,mamicode.com
首页 > 其他好文 > 详细

Gulp插件less的使用

时间:2015-11-24 21:12:22      阅读:121      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!