node.js - 如何将 Autoprefixer 与 Node.js 一起使用

Question

根据官方文档，这很简单:

用法:

var autoprefixer = require('autoprefixer-core');
var postcss      = require('postcss');

postcss([ autoprefixer ]).process(css).then(function (result) {
    result.warnings().forEach(function (warn) {
        console.warn(warn.toString());
    });
    console.log(result.css);
});

但是，我对如何建立与 process() 一起使用的对象 css 感到困惑。我尝试使用 fs.readfile() 的结果，但它似乎不起作用。我的服务器模块相当大，最好在这里省略代码。我真的只需要知道如何为流程函数创建 css 。

Answer 1

我想我已经解决了你的问题。

您想要将文件读入名为 css 的变量中，并将 css 传递给 process()。问题在于你用哪种方法来读取文件的内容。

目前，您使用异步的fs.readFile。您使用它就像它是同步的一样。因此，您有两个选择:

使用fs.readFile它的使用方式，又名:异步:

var autoprefixer = require('autoprefixer-core');
var postcss      = require('postcss');

function processCSS(file, cb){

  fs.readFile(file, {encoding: String}, function (err, css) { 
      if (err) throw err;
      postcss([ autoprefixer ]).process(css).then(function (result) {
          result.warnings().forEach(function (warn) {
              console.warn(warn.toString());
          });
          console.log(result.css);
          cb( result.css );
      });
  });

}

如果您决定使用它，了解 promises 可能是个好主意。 ，它可以清理异步代码。

或者您可以使用 fs.readFileSync 代替 fs.readFile这将同步读取文件。根据文件的大小，这不是最好的主意。

var autoprefixer = require('autoprefixer-core'); 
var postcss      = require('postcss');

function processCSS(file, cb){

  var css = fs.readFileSync(file, {encoding: String});
  postcss([ autoprefixer ]).process(css).then(function (result) {
      result.warnings().forEach(function (warn) {
          console.warn(warn.toString());
      });
      console.log(result.css);
      cb( result.css );
  });

}

希望这有帮助!