个人中心
gpt4 book ai didi

node.js - Browserify 的自定义依赖名不起作用

转载 作者：IT老高 更新时间：2023-10-28 23:27:35 24 4
gpt4 key购买 nike

我正在尝试让 browserify 的自定义依赖项名称与内存流一起使用。我使用内存流的原因是因为此代码注定要在 AWS Lambda 内运行，该 AWS Lambda 将接收多个"file"作为输入，并且无法通过文件系统对 lambda 可用。

根据 https://github.com/substack/node-browserify 上的文档，看来这应该是可能的:

b.require(file, opts)

file can also be a stream, but you should also use opts.basedir so that relative requires will be resolvable.

Use the expose property of opts to specify a custom dependency name. require('./vendor/angular/angular.js', {expose: 'angular'}) enables require('angular')

代码:

const browserify = require('browserify')
const path = require('path')
const File = require('vinyl')

const jsIndex = new File({
    file: path.resolve('index.js'),
    contents: new Buffer('var two = require("./two")')})
const jsTwo  = new File({
    file: path.resolve('two.js'),
    contents: new Buffer('console.log("Hello from two.js")')})

browserify({
        entries: [ jsIndex ],
        require: [ jsTwo ],
        basedir: path.resolve('.')
    })
    .bundle((err, res) => {
        if (err) console.log(err.message)
    })
    .pipe(process.stdout)

错误:

无法从“...”中找到模块“./two”

编辑:

另一个人在 node-browserify github 页面上发布了类似的问题:https://github.com/substack/node-browserify/issues/1622

最佳答案

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 捆绑的，因此它们可以在浏览器中使用 公开选项。如果这不是您想要的，您可以使用 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 结果。

关于node.js - Browserify 的自定义依赖名不起作用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39397429/

24 4 0
文章推荐： android - 改造和授权 cookies
文章推荐： android - 从其他 View 拖动时检测 View 上的触摸事件
文章推荐： android - 缺少必需的 XML 属性 "adSize"
文章推荐： android - 为 Android 发布登录 gradle.properties
IT老高
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com