ecomfe / est

EFE Styling Toolkit based on Less
http://ecomfe.github.io/est
MIT License
397 stars 70 forks source link

Gulp 中使用est #41

Closed Phinome closed 9 years ago

Phinome commented 9 years ago

R;T

今天在使用 gulp 编译 est 的时候遇到的问题,记录一下。 首先,est 是 less 的插件而不是 gulp 的插件。一开始,我将 est 当作gulp 的插件了,所以有如下的这种写法:


var est = require('less-plugin-est');

gulp.task('less2css', function() {
    ....
    .pipe(est())
})

结果报错。 其次,有的项目中可能使用 gulp-autoprefixer ,那么,下面这种写法也是错误的:

var autoprefixer = require('gulp-autoprefixer');
var Est = require('less-plugin-est');
var est = new Est();

gulp.task('less2css', function() {
    .......
    .pipe(autoprefixer({....}))
    .pipe(less({
       plugins: [est] 
    }))
});

最后,正确的写法:

var autoprefixer = require('gulp-autoprefixer');
var Est = require('less-plugin-est');
var est = new Est();

gulp.task('less2css', function() {
    ........
    .pipe(less({
         plugins: [est]
    }))
    .pipe(autoprefixer())

});

最后的最后,可能细心点区分插件类型就会发现正确的解决方案。

Justineo commented 9 years ago

Issue 不是用来记录这个问题的, 就先 close 了。