Gulp sass和浏览器同步重新加载浏览器而不是注入css
Gulp sass and browsersync reloading browser instead of injecting css
我正在使用最新的gulp sass和浏览器同步。 编辑并保存 scss 文件后,它会编译,我看到"注入样式.css",但浏览器也会重新加载。
不确定这何时更改,但它过去只是注入新的 css 文件而不重新加载。
我的任务:
var sassFiles = './app/assets/sass/**/*.{scss,sass}';
var cssFiles = './app/assets/css';
var cssBuildFiles = './build/assets/css';
var sassOptions = {
errLogToConsole: true,
outputStyle: 'compact'
};
var autoprefixerOptions = {
browsers: ['last 2 versions']
};
gulp.task('sass', function () {
return gulp
.src(sassFiles)
.pipe(sourcemaps.init())
.pipe(sass(sassOptions).on('error', sass.logError))
.pipe(autoprefixer(autoprefixerOptions))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(cssFiles))
.pipe(browserSync.stream());
});
有一次,我使用过滤器仅将 css 文件管道传输到浏览器同步,因为有人告诉我地图文件正在触发重新加载。 不确定我是否真的需要这样做,因为大多数在线示例就像我在这里一样......
-
确保在初始化选项中已将
injectChanges
设置为true
。browserSync.init({ proxy:"http://localhost:8888", injectChanges: true });
- 尝试将筛选器传递给流方法,以限制注入哪些更改
browserSync.stream({match: "**/*.css"})
相关文章:
- 是否可以在外部浏览器中注入 CSS
- 浏览器扩展:如何在没有冲突的情况下将javascript代码注入页面
- 如何使用JS(浏览器端)中的“require”和依赖注入,服务位置
- 通过浏览器扩展注入 JavaScript
- JavaScript 注入到浏览器中
- 在Windows Phone 8.1应用程序的浏览器中注入JS脚本
- c#浏览器在html加载的js中注入Javascript
- 如何在protractor的浏览器实例中手动注入脚本标记
- 如何使用浏览器控件将javascript注入iframe中
- 通过命令行注入浏览器同步脚本
- Chrome扩展:如何使浏览器动作上/关闭javascript注入每一页
- 在浏览器c#中注入javascript命令
- 禁用用户通过浏览器F12工具向网页注入Javascript
- adns .js注入Chrome浏览器
- 如何注入键盘事件在谷歌浏览器与Javascript
- 浏览器本机注入
- 从Bigcommerce中的浏览器内存中删除注入的分析库
- 如何将Javascript注入网站,然后确保它's跨浏览器兼容
- AngularJS:浏览器忽略我的控制器定义(依赖注入)
- Gulp sass和浏览器同步重新加载浏览器而不是注入css