Gulp 吞不进

Gulp 吞不进,gulp,gulp-sass,Gulp,Gulp Sass,我在其他插件中使用了浏览器同步和sass,但由于某些原因,浏览器同步没有注入css,sass正在被编译和监视,但仅此而已 这是我的吞咽文件: 'use strict'; const gulp = require('gulp'); const sass = require('gulp-sass'); const autoprefixer = require('gulp-autoprefixer'); const pug = require('gulp-pug'); const browserSyn

我在其他插件中使用了浏览器同步和sass,但由于某些原因,浏览器同步没有注入css,sass正在被编译和监视,但仅此而已

这是我的吞咽文件:

'use strict';
const gulp = require('gulp');
const sass = require('gulp-sass');
const autoprefixer = require('gulp-autoprefixer');
const pug = require('gulp-pug');
const browserSync = require('browser-sync').create();
const rename = require('gulp-rename');

const reload = browserSync.reload;

// Compile sass files to css
gulp.task('sass', function () {
  return gulp.src('./assets/css/*.sass')
      .pipe(sass().on('error', sass.logError))
      .pipe(autoprefixer({
        browsers: ['last 15 versions'],
        cascade: true
      }))
      .pipe(gulp.dest('./site/css'))
      .pipe(browserSync.stream())
});
// Compile pug files to html
gulp.task('pug', () =>{
  return gulp.src('_pugfiles/*.pug')
    .pipe(pug())
    .pipe(gulp.dest('./_include'))
    .pipe(gulp.dest('./site'))
});

gulp.task('js', function () {
  gulp.src("./assets/js/function.js")
  .pipe(rename("js/function.js"))
  .pipe(gulp.dest("./site"));
});
// the working directory
gulp.task('browser-sync', ['sass', 'pug', 'js'] ,function() {
    browserSync.init({
        server: {
            baseDir: "./site"
        },

    });
});
// Watch files compiling
gulp.task('watch', function () {
  gulp.watch('./assets/css/*.sass', ['sass']);
  gulp.watch('./_pugfiles/*.pug', ['pug']);
  gulp.watch('./site/*.html').on('change', reload);
  gulp.watch('./assets/js/*.js', ['js']);
  gulp.watch('./site/js/*.js').on('change', reload)
});

gulp.task('default', ['watch', 'browser-sync']);
这是我的文件夹结构:

  • 应用程序
    • _包括
    • _拳师
    • _场地
    • _资产
      • css
      • img
      • js
    • 节点单元
    • 场地
  • 这就是我到目前为止所做的,再次重建它,删除了一些监视任务 还尝试了
    .pipe(browsersync.stream({match:'***.css'}))
    文件:['!***/*.maps.css']
    忽略css映射文件


    也许我尝试过其他方法,但我不记得了,我昨天大部分时间都在尝试修复它。

    在“sass”任务结束时尝试以下方法::.pipe(重新加载({stream:true}));让我们知道这是否有帮助。仍然没有任何更改。因此,在运行默认任务后,您可以修改sass文件并验证site/css/*.css是否正确更改?但是生成的css文件没有重新加载到服务页面?htmI页面链接到那个css文件?没有发现你的代码有任何问题。“最后15个版本”真的是autoprefixer可以接受的选项吗?如果你移除AutoRefixer管道是否有效?是的,css已正确更改,AutoRefixer正在工作我没有注意到“最后15个版本”部分,因为我更改了它,但仍然没有任何结果,soi最终重建了整个东西,但没有帕格,我这次添加了bower,它现在工作正常,因此感谢你的帮助:)