Sass 吞咽浏览器同步重新加载和不注入css
我可以了解一下为什么我在chrome控制台中收到这个消息,它似乎阻止了css代码注入 Browsersync正在重新加载所有样式表,因为路径 “html\css\theme.css”与任何特定主题不匹配 我怀疑这是我遇到的一个路径问题,但我似乎无法理解。 我尽可能地脱光衣服 以下是我的文件夹结构:Sass 吞咽浏览器同步重新加载和不注入css,sass,gulp,browser-sync,gulp-browser-sync,Sass,Gulp,Browser Sync,Gulp Browser Sync,我可以了解一下为什么我在chrome控制台中收到这个消息,它似乎阻止了css代码注入 Browsersync正在重新加载所有样式表,因为路径 “html\css\theme.css”与任何特定主题不匹配 我怀疑这是我遇到的一个路径问题,但我似乎无法理解。 我尽可能地脱光衣服 以下是我的文件夹结构: /_base/gulpfile.js /_base/html/index.html /_base/html/css/theme.css /_base/src/scss/theme.scss 这是我的
/_base/gulpfile.js
/_base/html/index.html
/_base/html/css/theme.css
/_base/src/scss/theme.scss
这是我的代码:
//定义要求
var gulp=需要“gulp”;
var管道工=需要“大口管道工”;
var sass=需要“吞咽式sass”;
var watch=需要“大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口;
var browserSync=需要“浏览器同步”。创建;
var sourcemaps=需要“gulp-sourcemaps”;
var notify=要求“吞咽通知”;
//var型皮棉
//水管工通用错误处理程序
var pb_errorHandler={errorHandler:notify.onError{
标题:“咕噜咕噜”,
消息:“错误:”
}
};
//阶段1-HTML CSS JS文件创建
//A.从scss到css
变量s1_sassOptions={
errLogToConsole:true,
outputStyle:“扩展”
};
//编译stage1 scss文件,使用水管工和sorcemaps。
//要做的事情:需要检查要使用什么错误处理-立即2
gulp.task'create-css',函数{
gulp.src'src/scss/theme.scss'
.pipeplumberpb_错误处理程序
.pipesourcemaps.init{loadMaps:true}
.pipesass1_sassOptions.on'error',sass.logError
.pipesourcemaps.writeundefined,{sourceRoot:null}
.pipegulp.dest'html/css/'
};
//更改与此路径相关的文件时自动重新加载页面:
变量s1_broswserSync_文件=[
“html/css/*.css”
];
//浏览器同步选项
变量s1\u浏览器同步\u选项={
服务器:./html
};
吞咽。任务“浏览器同步”,功能{
browserSync.inits1_browssersync_文件,s1_browserSync_选项;
};
//启动观察者。Watcher对更改运行gulp sass任务
吞咽任务“stage1-watch”,功能{
gulp.watch['src/scss/*.scss'],['create-css'];
};
//使用浏览器同步启动监视程序。浏览器同步会在浏览器上自动重新加载页面
任务'stage1',['browser-sync','stage1 watch'],函数{} 您的browserSync.init选项似乎不正确。init方法接受配置选项的两个可选参数和一个回调函数。看 您想这样设置您的选项
var s1_browserSync_options = {
server:"./html",
files: "html/css/*.css"
};
gulp.task('browser-sync', function() {
browserSync.init(s1_browserSync_options );
});
看看文档中的SASS和CSS注入你有gulp.src'src/scss/theme.scss'但是你的路径看起来是'src/SASS/scss/theme.scss'路径确实是:/\u base/src/scss/theme.scss,但是我不小心贴错了,谢谢注意。