#gulp #tailwind-css #postcss
Вопрос:
Я возвращаюсь в прошлое и пытаюсь интегрировать tailwindcss в процесс сборки с помощью gulp. Я продолжаю получать следующую ошибку — я не уверен, как я должен исправить это на основе ошибки.
Может ли кто-нибудь пролить хоть какой-то свет на это? Кажется, начинается очередь .pipe($.postcss([
TypeError: dest.on is not a function
at DestroyableTransform.Readable.pipe (/Users/danlee/Sites/craftsite/node_modules/gulp/node_modules/readable-stream/lib/_stream_readable.js:516:8)
at Gulp.gulp.task (/Users/danlee/Sites/craftsite/gulpfile.js:69:10
Файл Gulp
gulp.task("tailwind", () => {
$.fancyLog("-> Compiling tailwind css");
return gulp.src(pkg.paths.tailwindcss.src)
.pipe($.postcss([
$.tailwindcss(pkg.paths.tailwindcss.conf),
require('autoprefixer'),
]))
.pipe(gulp.dest(pkg.paths.build.css));
});
Пути из Package.json
"paths": {
"src": {
"base": "./src/",
"css": "./src/css/",
"fonts": "./src/fonts/",
"icons": "./src/icons/",
"img": "./src/img/",
"json": "./src/json/",
"js": "./src/js/",
"scss": "./src/scss/"
},
"dist": {
"base": "./web/",
"css": "./web/css/",
"fonts": "./web/fonts/",
"img": "./web/img/",
"js": "./web/js/"
},
"build": {
"base": "./build/",
"css": "./build/css/",
"fonts": "./build/fonts/",
"html": "./build/html/",
"img": "./build/img/",
"js": "./build/js/"
},
"favicon": {
"srcSolid": "./src/img/favicon_src_solid.png",
"srcTransparent": "./src/img/favicon_src_transparent.png",
"dest": "./web/img/site/",
"path": "/img/site/"
},
"tailwindcss": {
"src": "./src/css/site.css",
"conf": "./tailwind.config.js"
},
"scss": "./src/scss/",
"craftConfig": "./config/",
"templates": "./templates/"
},