主要插件 gulp-postcss (opens new window) 主要插件 gulp-sass (opens new window)

安装 postcss

npm install --save-dev postcss gulp-postcss sass gulp-sass

安装 tailwindcss

npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat @tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

基本使用

var gulp = require("gulp");
var sass = require("gulp-sass")(require("sass"));
var postcss = require("gulp-postcss");

function buildStyles(cb) {
  var plugins = [require("tailwindcss")];
  return gulp
    .src("./web/**/*.scss")
    .pipe(sass().on("error", sass.logError))
    .pipe(postcss(plugins))
    .pipe(gulp.dest("./web/dist"));
  cb();
}

exports.buildStyles = buildStyles;
exports.watchSass = function(cb) {
  gulp.watch("web/**/*.scss", buildStyles);
  cb();
};