browser-sync 怎么和 pm2-dev 配合使用?
发布于 1 个月前 作者 yinzSE 372 次浏览 来自 分享

今天用gulp 的 browser-sync 插件 配置如下, 当使用 pm2-dev app.js 启动服务后 browser-sync 修改 sass文件 自动刷新基本是失败的. 如果换成 node-dev app.js 或者直接 node app.js 启动则没问题. 具体就是有个请求一直卡住了.

const gulp = require('gulp')
const sass = require('gulp-ruby-sass')
const autoprefixer = require('gulp-autoprefixer')
const minifyCSS = require('gulp-minify-css')
const uglifyJs = require('gulp-uglify')
const browserSync = require('browser-sync').create();

// style
gulp.task('style', () => {
  return sass('./public/src/style/**/*.sass')  // sass
    .on('error', sass.logError)
    .pipe(minifyCSS())  // 压缩
    .pipe(gulp.dest('./public/dist/style'))  // 输出
    .pipe(browserSync.stream());   // 注入刷新页面
})

// js
gulp.task('script', () => {
  gulp.src('./public/src/script/**/*.js')
    .pipe(uglifyJs())
    .pipe(gulp.dest('./public/dist/style'))
    .pipe(browserSync.reload())  // 刷新页面
})

gulp.task('default', () => {
  browserSync.init({
    proxy: "0.0.0.0:3000"  // 代理到服务器
  })
  gulp.watch('./public/src/style/**/*.sass', ['style'])  // 监听 sass 文件更新
  gulp.watch('./public/src/script/**/*.js', ['script'])  // 监听 js 文件更新
  gulp.watch('./views/**/*.jade', reload)                // 监听 jade 模板文件更新
})
2 回复

自动刷新失败是指?无法刷新还是刷新后无法加载?

来自炫酷的 CNodeMD 越来越喜欢material design😁

@XGHeaven 前台后台都能响应请求, 但是有个前台的一个请求会卡住,拿不到返回内容

来自酷炫的 CNodeMD

回到顶部