gpt4 book ai didi

html - Gulp Sass 没有编译 CSS 文件

转载 作者:行者123 更新时间:2023-11-28 05:12:03 27 4
gpt4 key购买 nike

我刚刚开始了一个新元素,但无法启动和运行我的 gulp sass,因为它没有编译。我在其他元素中使用了相同的代码,但它现在开始对我失败了。

下面是我的 gulp.js 文件

var gulp        = require('gulp');
var browserSync = require('browser-sync').create();
var sass = require('gulp-sass');
var bourbon = require("node-bourbon").includePaths;
var neat = require("node-neat").includePaths;
var cleanCSS = require('gulp-clean-css');

// Static Server + watching scss/html files
gulp.task('serve', ['sass'], function() {

browserSync.init({
server: "./app"
});

gulp.watch("app/scss/**/*.scss", ['sass']);
gulp.watch("app/*.html").on('change', browserSync.reload);

// Compile sass into CSS & auto-inject into browsers
gulp.task('sass', function() {
return gulp.src("app/scss/*.scss")
.pipe(sass({
includePaths: bourbon,
includePaths: neat
}))
.pipe(gulp.dest("app/css"))
.pipe(browserSync.stream());
});


// Minify main.css file
gulp.task('minify-css', function() {
return gulp.src('app/css/main.css')
.pipe(cleanCSS({compatibility: 'ie8'}))
.pipe(gulp.dest('minified-css'));
});

gulp.task('default', ['serve']);

还有我应该使用什么策略来调试这个问题。

最佳答案

.pipe(sass(your options).on("error", sass.logError)) 

我注意到您正在以两种不同的方式观看和 gulp.src:

gulp.watch("app/scss/**/*.scss", ['sass']);

return gulp.src("app/scss/*.scss")

如果将 .src() 更改为与 .watch 相同会发生什么?

关于html - Gulp Sass 没有编译 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39496973/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com