gulp-browserify如何在同一目录中生成文件

Question

我有不同的文件，我想单独浏览它们，并将每个文件的结果保留在源文件的同一文件夹中。 例如，给出以下树结构：

\subfolderOne
    fileToBeBrowserified.js
\subfolderTwo
    \subfolderTwo_one
        fileToBeBrowserified.js
    \subfolderTwo_two
        fileToBeBrowserified.js

结果应为：

\subfolderOne
    fileToBeBrowserified.js
    resultFile.js
\subfolderTwo
    \subfolderTwo_one
        fileToBeBrowserified.js
        resultFile.js
    \subfolderTwo_two
        fileToBeBrowserified.js
        resultFile.js

我尝试了以下代码，但是文件是在根目录而不是在其自己的文件夹上生成的。

gulp.src(testsFiles)
.pipe(browserify({
        insertGlobals: false,
        debug:true
    })
)
.pipe(rename ({extname:'.Bundle.js'}))
.pipe(gulp.dest('./'))

任何帮助都将受到欢迎，在此先感谢。

Answer 1

如果您能告诉我们您的testsFiles变量包含什么，这将testsFiles ，因为您正在处理路径问题，而您的问题很可能在那里。

无论如何...通常Gulp不会忘记源文件的原始路径，并且在创建输出文件时会考虑它们。 因此，如果您告诉您的应用从./获取所有内容，则./是正确的输出目录。

您可以进一步扩展它：如果输入目录是./app/ ，则应将./app/作为目标目录。

因此，例如：

gulp.task('scripts', function() { return gulp.src('./app/**/*.js') .pipe(browserify({ insertGlobals: false, debug: true })) .pipe(rename({ extname: '.bundle.js' })) .pipe(gulp.dest('./app')); });

就像您的问题的魅力一样。 我随机猜测您的testsFiles指向的目录与目的地不同。 因此，它们的内容对于确定您的问题将是必要的。 这与Browserify完全无关。

顺便说一句，谈到：考虑删除gulp-browserify ，因为它早已被列入黑名单