Browserify 大量使用文件系统，因为它实现了自己的模块解析，该解析使用与 Node 的 require 相同的算法。要让 Browserify 使用内存中的源文件进行捆绑，一种解决方案是对文件系统进行猴子补丁 - 以类似于对测试有用的 mock-fs 模块的方式。
但是，您实际上只想对源文件执行此操作。 Browserify 将其模块解析用于捆绑中包含的其他文件，并且必须将这些文件添加到内存文件系统中会很乏味。修补的文件系统函数应该检查涉及内存源文件的调用，相应地处理它们并将其他调用转发到原始实现。 （mock-fs 做了类似的事情，因为它检测到 require 中发生的文件系统调用并将这些调用转发到原始实现。）
'use strict';
const fs = require('fs');
const path = require('path');
const toStream = require('string-to-stream');
// Create an object hash that contains the source file contents as strings,
// keyed using the resolved file names. The patched fs methods will look in
// this map for source files before falling back to the original
// implementations.
const files = {};
files[path.resolve('one.js')] =
'console.log("Hello from one.js");' +
'var two = require("./two");' +
'exports.one = 1;';
files[path.resolve('two.js')] =
'console.log("Hello from two.js");' +
'exports.two = 2;';
// The three fs methods that need to be patched take a file name as the
// first parameter - so the patch mechanism is the same for all three.
function patch(method, replacement) {
var original = fs[method];
fs[method] = function (...args) {
var name = path.resolve(args[0]);
if (files[name]) {
args[0] = name;
return replacement.apply(null, args);
} else {
return original.apply(fs, args);
}
};
}
patch('createReadStream', function (name) {
return toStream(files[name]);
});
patch('lstat', function (...args) {
args[args.length - 1](null, {
isDirectory: function () { return false; },
isFile: function () { return true; },
isSymbolicLink: function () { return false; }
});
});
patch('stat', function (...args) {
args[args.length - 1](null, {
isDirectory: function () { return false; },
isFile: function () { return true; }
});
});
// With the fs module patched, browserify can be required and the bundle
// can be built.
const browserify = require('browserify');
browserify()
.require(path.resolve('one.js'), { entry: true, expose: 'one' })
.require(path.resolve('two.js'), { expose: 'two' })
.bundle()
.pipe(process.stdout);
require 和 expose
在您的问题中，您提到了expose。 one.js 和 two.js 模块是使用 require 捆绑的，因此可以在浏览器中使用 expose 选项中指定的名称来要求它们。如果这不是您想要的，您可以改用add，它们将成为捆绑包内部的模块。
<!doctype html>
<html>
<head>
<title>so-39397429</title>
</head>
<body>
<script src="./bundle.js"></script>
<script>
// At this point, the bundle will have loaded and the entry
// point(s) will have been executed. Exposed modules can be
// required in scripts, like this:
console.log(require('one'));
console.log(require('two'));
</script>
</body>
</html>
在调查 this tsify question 时，我花了一些时间研究 Browserify 的 require 和 expose 选项。这些选项有助于从包外部对模块的要求，但我完全不确定它们对包内模块之间的要求有任何影响（这是你所需要的）。此外，它们的实现有点令人困惑——尤其是this part，其中公开的名称有时会在前面加上一个斜杠。
乙烯基流
在您的问题中，您使用了vinyl。但是，我无法将vinyl 用于读取流。尽管它确实实现了pipe，但它不是一个事件发射器，并且似乎没有实现基于on 的pre-Streams 2 API - 这是Browserify 对createReadStream 结果的期望。