为什么使用 Browserify 后仍然包含依赖文件答案

【问题标题】：Why dependency files still included after using Browserify为什么使用 Browserify 后仍然包含依赖文件
【发布时间】：2015-12-31 04:04:06
【问题描述】：

全部：

我对 Gulp 和 Browserify 很陌生，我所做的是将一些 jsx 代码转换成一个 bundle.js 文件。

var gulp = require("gulp");
var browserify = require("browserify");
var source = require("vinyl-source-stream");
var reactify = require("reactify");

gulp.task("default", function(){
    browserify({
        entries: ["js/app.js"],
        debug: true
    })
    .transform(reactify)
    .bundle()
    .pipe(source("bundle.js"))
    .pipe(gulp.dest("dist/js/"));
});

在 app.js 中，我指定了一些 require 依赖项（每个都可能需要一些其他文件），我认为 browserify 会解析它们并编译成单个 bundle.js 文件，但是当我运行它时，即使我只在 index.html 页面中包含 bundle.js，当我检查 Chrome 源选项卡时，它仍然包含所有这些依赖文件，我想知道这是否只是 Chrome 解析捆绑文件的功能，它给了我一个依赖文件列表或它实际上也下载了这些依赖文件（我的困惑是我实际上可以单击并打开这些依赖文件，所以我猜 Chrome 会使用 bundle.js 下载它们，但我不确定）？

谢谢

【问题讨论】：

标签： gulp browserify

【解决方案1】：

如果我理解正确，您描述的是 browserify 中的 debug: true 为您提供的内容，即源映射。

--debug -d 启用允许您单独调试文件的源映射。

和

当 opts.debug 为 true 时，将源映射内联添加到末尾捆。这使调试更容易，因为您可以看到所有如果您在足够现代的浏览器中使用原始文件。

【讨论】：

谢谢，我明白了。