Javascript 浏览器同步似乎不起作用
第一次使用浏览器与gulp同步时,这是我的项目结构:Javascript 浏览器同步似乎不起作用,javascript,gulp,browser-sync,Javascript,Gulp,Browser Sync,第一次使用浏览器与gulp同步时,这是我的项目结构: -root -assets -img -src -css -js -scss index.html gulpfile.js package.json 这是gulpfile.js: const gulp = require('gulp'); const browserSync = require('browser-sy
-root
-assets
-img
-src
-css
-js
-scss
index.html
gulpfile.js
package.json
这是gulpfile.js:
const gulp = require('gulp');
const browserSync = require('browser-sync').create();
const sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src("./src/scss/*.scss")
.pipe(sass())
.pipe(gulp.dest("./src/css"))
.pipe(browserSync.stream());
});
// Static Server + watching scss/html files
gulp.task('serve', gulp.series('sass'), () => {
browserSync.init({
server: "./src"
});
gulp.watch("./src/scss/*.scss", ['sass']);
gulp.watch("./src/*.html").on('change', browserSync.reload({stream:true}));
});
// Compile sass into CSS & auto-inject into browsers
gulp.task('default', gulp.series('serve'));
我通过浏览器同步文档获取代码并进行了一些修改,但当我在控制台上键入“gulp”时,我得到了以下信息:
[22:24:59] Starting 'default'...
[22:24:59] Starting 'serve'...
[22:24:59] Starting 'sass'...
[22:24:59] Finished 'sass' after 40 ms
[22:24:59] Finished 'serve' after 43 ms
[22:24:59] Finished 'default' after
可能我错过了什么,浏览器同步不应该无限期地运行吗?
谢谢好的,现在看来我解决了:
const gulp = require('gulp');
const browserSync = require('browser-sync').create();
const sass = require('gulp-sass');
gulp.task('sass', function() {
return gulp.src("./src/scss/*.scss")
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest("./src/css"))
.pipe(browserSync.stream());
});
// Static Server + watching scss/html files
gulp.task('serve', function() {
browserSync.init({
injectChanges: true,
server: "./src"
});
gulp.watch("./src/scss/*.scss", gulp.series('sass'));
gulp.watch("./src/*.html").on('change', browserSync.reload);
});
// Compile sass into CSS & auto-inject into browsers
gulp.task('default', gulp.series('serve','sass'));
我认为发球结束是可以的。如果在单独的任务中有这些监视语句,则该任务将无法完成。它不是在为你工作/监视你吗?