В настоящее время я пытаюсь перенести мой старый файл Gulp из 3.x в 4.x, а также использовать синтаксис импорта ES6 для разделения моего файла конфигурации.
Моя задача работает нормально (мой файл скомпилирован даже если я удалю его), но у меня больше нет печати в моей консоли, как [time] Starting <TaskName> ...
.
gulpfile.babel. js
import buildCSS from "./.gulp/gulp-css";
...
gulp.task("runGulp", done => {
...
CSSConfig.map(files => {
gulp.watch(files.watch).on("change", () => buildCSS(files));
});
...
done();
});
// Run it using $ gulp in your favorite terminal
gulp.task(
"default",
gulp.series("runGulp", done => done())
);
gulp- css. js
import gulp from "gulp";
import gulpif from "gulp-if";
import sourcemaps from "gulp-sourcemaps";
import sass from "gulp-sass";
import bulkSass from "gulp-sass-bulk-import";
import autoprefixer from "gulp-autoprefixer";
import cleanCSS from "gulp-clean-css";
import rename from "gulp-rename";
import { setSourcemaps } from "./gulp-helpers";
sass.compiler = require("node-sass");
const browserSync = require("browser-sync").create();
export default file => {
return gulp
.src(file.src)
.pipe(sass({ outputStyle: "compressed" }).on("error", sass.logError))
.pipe(bulkSass())
.pipe(gulpif(setSourcemaps(), sourcemaps.init()))
.pipe(autoprefixer())
.pipe(cleanCSS())
.pipe(
rename(path => {
path.dirname = file.dirname ? path.basename + file.dirname : path.dirname;
path.basename = file.basename || path.basename;
path.extname = ".min.css";
})
)
.pipe(gulpif(setSourcemaps(), sourcemaps.write("")))
.pipe(gulp.dest(file.dest))
.pipe(browserSync.stream());
};
Я тоже пробовал с module.exports
, но результат тот же.
NB: забавный факт: когда я копирую / вставьте точно такую же функцию непосредственно в Gulpfile.js
, я получил печать в моей консоли ?
Спасибо за вашу помощь!