在我的一个项目中,我使用 Gulp 和 Browsersync。它运作良好。
我将其复制gulpfile.js
到我的新项目并替换了路径。Browsersync 现在不注入 css。
每次我创建新项目时都会看到这个问题,这与我在另一个项目中使用的相同。 gulpfile.js
每次。只有浏览器同步。为什么?
这两个项目之间的唯一区别是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'));