2017-03-24 21 views

回答

0

使用DART薩斯應該直截了當:

https://www.npmjs.com/package/dart-sass#from-npm

npm install dart-sass 

var sass = require('dart-sass'); 
sass.render(...) 

不知道有呼嚕聲,雖然。

+0

我不確定這很容易,因爲Gulp的目的是使用流,是嗎?但它似乎像render()和renderSync()不返回可用的流,但可能是一個緩衝區。 – sceo

1

幾個月前我正在一個個人項目上工作,想要喝一口水,所以我做了我自己的基本功能,直到有人走過來讓事情變得更好。我不記得當時有哪個版本的dart-sass,但無論如何這都是這個功能。它只是在大文件中。

function sassify(options) { 
    return through.obj(function (file, enc, cb) { 
    options = options || {}; 
    options.file = file.path; 
    // if (file.sourceMap) { 
     // options.sourceMap = true; 
     // options.outFile = output.path('css'); 
    // } 
    sass.render(options, function (err, result) { 
     if (err) { 
     console.error("Sass Error: " + err.message); 
     } 
     else { 
     file.contents = result.buffer; 
     // if (file.sourceMap) { 
      // applySourceMap(file, result.map); 
     // } 
     } 
     cb(err, file); 
    }); 
    }); 
} 

當時,落鏢薩斯沒有源映射尚未所以我只是插入的東西在,並評論它出去當他們這樣做。 這裏是我使用它的地方,以防你想看到正在使用的功能: https://github.com/CrouchingJahi/Cyril-old/blob/master/gulpfile.js