如何使用Gulp瀏覽器瀏覽目錄中的每個.js文件？

Question

我現在正在使用Gulp來瀏覽特定文件（ /src/js/main.js ），該文件將創建一個捆綁包，但是我想觀看整個src/js目錄並捆綁與存在的每個其他.js文件main.js

因此，如果我有一個目錄，如：

main.js ， reset_password.js ， auth_login.js ，它將分別對每個瀏覽器進行分類。

var gulp = require('gulp');
var rename = require('gulp-rename');
var less = require('gulp-less');
var shell = require('gulp-shell');
var source = require('vinyl-source-stream');
var browserify = require('browserify');

gulp.task('js', ['nunjucks'], function () {
  return (
    browserify(['./src/js/*.js'])
      .bundle()
        .on('error', function (err) {
          console.log(err.message);
        })
      .pipe(rename({
          suffix: '.min.js'
        }))
      .pipe(gulp.dest('./public/js'))
  );
});

將拋出一個錯誤，指出：

找不到模塊'/src/js/**.js'

如果我指定了每個文件，它將起作用，但是不會進行遍歷。 Browserify甚至可以觀看整個目錄嗎？

Answer 1

您應該通過僅指定一個唯一文件來調用browserify。 這是所有其他文件的入口。

browserify(['./src/js/main.js'])

在此文件中：

require('./reset_password')

然后在reset_password中添加以下內容：

module.exports = function(){.... // all the code is here