在我的一个项目中,我用杯和Browsersync。它的运作良好。
我复制了gulpfile.js
到我的新项目,取而代之的路径。 Browsersync现在不注入的CSS。
这个问题,我看到我每次创建我用于其他项目相同gulpfile.js
新项目。每次。只有Browsersync。为什么?
这2个项目的唯一区别是dest
路径:以前路径是../css
;当前路径:../assets/css
。
我gulpfile.js
:
var gulp = require('gulp'),
sass = require('gulp-sass'),
browserSync = require('browser-sync').create(),
rename = require('gulp-rename'),
cssnano = require('gulp-cssnano'),
autoprefixer = require('gulp-autoprefixer');
gulp.task('sass', function(){
return gulp.src('sass/**/*.sass')
.pipe(sass())
.pipe(autoprefixer(['last 15 versions', '> 1%', 'ie 8', 'ie 7'], {cascade: true}))
.pipe(cssnano())
.pipe(rename({ suffix: '.min' }))
.pipe(gulp.dest('../assets/css'))
.pipe(browserSync.stream());
});
gulp.task('browser-sync', function(){
browserSync.init({
proxy: "localhost/october/home"
});
});
gulp.task('watch', function(){
gulp.watch('sass/**/*.sass', gulp.parallel('sass'));
gulp.watch('../**/*.htm').on("change", browserSync.reload);
});
gulp.task('default', gulp.parallel('watch', 'browser-sync'));
解决了!
这个问题在OctoberCMS过滤器(组合),这并没有让观看的文件变化。
旧的CSS路径:
<link rel="stylesheet" href="{{ ['assets/css/main.min.css']|theme }}">
新的工作路径:
<link rel="stylesheet" href="{{ 'assets/css/main.min.css'|theme }}">