Javascript sass未使用gulp/plumber/browsersync编译

Javascript sass未使用gulp/plumber/browsersync编译,javascript,node.js,sass,gulp,Javascript,Node.js,Sass,Gulp,我刚刚重新开始编程,试图让水疗中心的骨架浮起来。我已经到了Gulp监视我所有任务的地步。当我更改HTML和BrowserSync时,它可以识别它是否正常工作,而无需刷新。我遇到的问题与SCS/CSS更相关。上次我检查时它还在工作,我做了一个npm更新,所以现在一切都更新了。它似乎不想关注SCS的变化。我认为部分原因在于文件中的链接方式,或者可能是sass任务的gulpfile设置不正确 我的文件夹设置为: 计划 应用程序 css/ scss/ index.html js/ gulpfile.js

我刚刚重新开始编程,试图让水疗中心的骨架浮起来。我已经到了Gulp监视我所有任务的地步。当我更改HTML和BrowserSync时,它可以识别它是否正常工作,而无需刷新。我遇到的问题与SCS/CSS更相关。上次我检查时它还在工作,我做了一个npm更新,所以现在一切都更新了。它似乎不想关注SCS的变化。我认为部分原因在于文件中的链接方式,或者可能是sass任务的gulpfile设置不正确

我的文件夹设置为:

计划 应用程序 css/ scss/ index.html js/ gulpfile.js

有人看到我没看到的东西吗?同样,所有内容都加载了,应用了引导,启用了browsersync,但是没有从my style.scs中缩小到CSS中的更改

谢谢

吞咽文件:

/*必需*/
var gulp=需要(“gulp”);
var-uglify=需要('gulp-uglify');
var rename=require('gulp-rename');
var sass=需要('gulp-sass');
var browserSync=require('browser-sync')。create();
var reload=browserSync.reload;
var管道工=需要(“大口管道工”);
var autoprefixer=require('gulp-autoprefixer');
/*脚本任务*/
gulp.task('scripts',function()){
gulp.src(['app/js/***.js','!app/js/***min.js']))
.管子(管道工())
.pipe(重命名({后缀:'.min'}))
.管道(丑()
.pipe(大口目的地('app/js'))
.pipe(重新加载({stream:true}));
});
/*Sass任务*/
gulp.task('sass',function(){
返回gulp.src('app/scss/***.scss')
.管子(管道工())
.pipe(sass())
.pipe(autoprefixer(“上两个版本”))
.pipe(吞咽目标(“应用程序/css”))
.pipe(重新加载({stream:true}));
});
/*HTML任务*/
gulp.task('html',function(){
gulp.src('app/***/.html')
.管子(管道工())
.pipe(重新加载({stream:true}));
});
/*浏览器同步任务*/
gulp.task('default',['browser-sync'],函数(){
});
gulp.task('browser-sync',function()){
browserSync.init(空{
代理:“http://localhost:5000",
文件:[“public/***.*”],
浏览器:“opera”,
港口:7000,
});
});
/*吞咽任务('nodemon',函数(cb){
var=false;
返回节点({
脚本:“server.js”
}).on('start',函数(){
//避免多次启动nodemon
//谢谢@matthisk
如果(!已启动){
cb();
开始=真;
} 
});
}); */
/*监视任务*/
吞咽任务('watch',function(){
gulp.watch('app/js/***.js',['scripts']);
大口喝手表('app/scss/***.scss',['sass']);
gulp.watch('app/***.html',['html']);
})
/*违约*/

gulp.task('default',['scripts','sass','html','browser sync','watch'])1:所有这些sass文件的输出css都到哪里去了?在调用样式的html中引用了吗? 2:可能您缺少目标文件夹?举个例子:

gulp.src('src/scss/application.scss')
    .pipe(sass({
      includePaths: [
       'node_modules/foundation-sites/scss',
       'node_modules/compass-mixins/lib'
      ],
      outputStyle: 'compressed'
    }).on('error', sass.logError))
    .pipe(gulp.dest('./public/css/'))
如果您选中最后一行,我将调用gulp.dest来定义sass文件的输出。

您有以下链接:

<link rel="stylesheet" href="css/style.css">

但是sass任务不会显式输出“style.css”,除非您有一个style.scss文件,该文件通常会将所有其他scss文件作为部分导入(如“_colors.scss”)。请注意,下划线指示文件是部分文件。在这种情况下,gulp sass将创建“style.css”,用于导入所有这些部分。否则,它将为每个非部分scss文件创建一个css文件,但您只能链接到其中一个


另一种选择是
concat
将css文件压缩到一个名为“style.css”的文件中。

我想补充一点,当我运行node或gulp时,bash中没有错误!