使用浏览器化的节点应用程序访问 module.exports

Question

我们正在尝试浏览我们的节点应用程序

示例文件 (index.js)

module.exports = {
  index: () => 'test',
};

浏览器化命令

browserify src/index.js > dist/bundle.js --node

如果我们使用文件来要求和控制台

console.log(require('src/index'));   // { index: [Function: index] }
console.log(require('dist/bundle')); // { } 

我们的期望是 bundle.js 将导出与 index.js 相同的内容。

谁能指出我们做错了什么或遗漏了什么？

---

附加信息

~这不是我们的应用程序，这是一个演示问题的示例

我们目前正在将我们的整个应用程序压缩到带有入口点的 AWS Lambda 中，src/index.index目的是只发送 bundle.js 文件并能够拥有入口点bundle.index

包.js

(function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i<t.length;i++)o(t[i]);return o}return r})()({1:[function(require,module,exports){
module.exports = {
    index: () => 'test',
};

},{}]},{},[1]);

Answer 1

您需要使用该--standalone标志。如果我重现您在问题中描述的设置并执行：

$ browserify src/index.js --standalone mylib > dist/bundle.js

然后，我可以在其上运行交互式 Node 会话，并以您期望的方式使用该库：

$ node
> require("./dist/bundle").index()
'test'

该--standalone标志告诉 Browserify 将您的代码包装在UMD 存根中，该存根允许将包加载为 CommonJS 模块、AMD 模块或纯脚本（即不使用模块系统）。您传递的参数--standalone表示您的库在“纯脚本”情况下将采用的名称。所以在上面的例子，如果你是加载在浏览器中的库没有任何模块系统，你能够运行index为mylib.index()。