使用 gulp 进行简单设置 - browserify - browsersync: required is not defined

Question

我有这个 gulp 代码可以与浏览器同步和 gulp sass 编译器一起正常工作，我尝试插入 browserify 任务但似乎不起作用，如果我在命令行上输入它就可以工作：

browserify src/js/main.js -o src/js/bundle/bundle.js

这是我的项目结构：

|-project
|--/src
|---/css
|----style.css
|---/js
|----main.js
|----/bundle
|-----bundle.js
|---/scss
|----_bootstrap.scss
|----style.scss
|---/assets
|----/img
|---index.html
|--gulpfile.js
|--package.json

这是我的 gulp 文件：

const gulp        = require('gulp');
const browserSync = require('browser-sync').create();
const sass        = require('gulp-sass');
const browserify  = require('browserify');

gulp.task('sass', () => {
    return gulp.src("./src/scss/*.scss")
        .pipe(sass().on('error', sass.logError))
        .pipe(gulp.dest("./src/css"))
        .pipe(browserSync.stream());
});

gulp.task('js',()=>{
  return gulp.src('./src/js/main.js')
  .pipe(browserify())
  .pipe(gulp.dest('./src/js/bundle'))
});





gulp.task('serve', ()=> {

    browserSync.init({
        injectChanges: true,
        server: "./src"
    });

    gulp.watch("./src/scss/*.scss", gulp.series('sass'));
    gulp.watch("./src/js/*.js", gulp.series('js'));
    gulp.watch("./src/*.html").on('change', browserSync.reload);
});




gulp.task('default', gulp.series('serve','sass','js'));

我最近添加了 'js' 任务，但是当我在命令行中键入 gulp 时，除了 browserify 任务外，一切正常。作为测试，main.js 文件如下所示：

const jquery = require('../../node_modules/jquery')
console.log(jquery)

我仍然收到错误 'required is not defined'。我错过了什么。非常感谢

Answer 1

好的，终于可以了（似乎...）这不是 browserify 的问题，而是 gulp 的新版本，而不是：

gulp.task('default', gulp.series('serve','sass','js'));

我不得不做：

gulp.task('default', gulp.parallel('serve','sass','js'));

之前 sass 和 js 任务没有启动，现在并行功能似乎可以工作

使用 gulp 进行简单设置 - browserify - browsersync: required is not defined

simple setup with gulp - browserify - browsersync: required is not defined

javascript

browserify

gulp