Gulp 初探

最近想做一个sass自动创建css的工具,在NPM上找到了gulp-sass的包,参照官网给的文档,怎么都报错,于是看了看Gulp的用法。

gulp 是基于 node 实现 Web 前端自动化开发的工具

最终GulpFile文件如下

    "gulp": "^4.0.2",
    "gulp-sass": "^5.1.0",
    "sass": "^1.53.0",
"use strict";

const FILES = "./src/**/*.scss";

const { watch, dest, src, task, series } = require("gulp");
const sass = require("gulp-sass")(require("sass"));

// 处理Task
exports.buildStyles = function buildStyles(done) {
  src(FILES)
    .pipe(sass().on("error", sass.logError))
    .pipe(dest("D:/Projects/Converge/Converge/Converge/GG.Converge/CSS/"));
  done();
};

// 监控Task
exports.watch = function (done) {
  watch(FILES, series("buildStyles"));
};

// 默认Task
exports.default = function (done) {
  series("buildStyles", "watch")();
  done();
};

你可能感兴趣的:(Gulp 初探)