Gulp Browsersync不'；t注入css

在我的一个项目中，我使用了Gulp和Browsersync它运行良好

我将

gulpfile.js

复制到我的新项目并替换路径。Browsersync现在不注入css

每当我用另一个项目中使用的

gulpfile.js

创建新项目时，我都会看到这个问题。每一次。只有Browsersync。为什么?

这两个项目之间的唯一区别是

dest

path：之前的路径是

。/css

；当前路径：

。/assets/css

My

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 }}">

已解决

问题在于OctoberCMS过滤器（组合器）不允许监视文件更改

旧css路径：

<link rel="stylesheet" href="{{ ['assets/css/main.min.css']|theme }}">

新工作路径：

<link rel="stylesheet" href="{{ 'assets/css/main.min.css'|theme }}">

当我按F5 css更新时，新项目中的html css链接跟随../assets/css？的dest路径更改。当我按F5 css更新时，新项目中的html css链接跟随../assets/css？的dest路径更改。标记yes。