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

Question

全部：

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

谢谢

Answer 1

如果我没理解错的话，你是在描述 browserify 中 debug: true 给你的东西，也就是源映射。

--debug -d Enable source maps that allow you to debug your files separately.

和

When opts.debug is true, add a source map inline to the end of the bundle. This makes debugging easier because you can see all the original files if you are in a modern enough browser.

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

Why dependency files still included after using Browserify

gulp

browserify