我正在使用最新的 gulp sass 和 browsersync。编辑并保存 scss 文件后,它会进行编译,并且我会看到“注入(inject) styles.css”但是浏览器也会重新加载。
不确定何时会发生变化,但它过去只是注入(inject)新的 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 文件传输到 browsersync,因为有人告诉我 map 文件正在触发重新加载。不确定我是否真的需要这样做,因为大多数在线示例都像我这里的一样......
最佳答案
确保您已在初始化选项中将
injectChanges
设置为true
。browserSync.init({ proxy:"http://localhost:8888", injectChanges: true });
- 尝试将过滤器传递给流方法以限制注入(inject)的更改
browserSync.stream({match: "**/*.css"})
关于javascript - Gulp sass 和 browsersync 重新加载浏览器而不是注入(inject) css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38375500/