Browserify是一个为Web浏览器打包Node.js模块的工具。
我正在尝试使用 gulp 和 envify 对我的 React 应用程序进行浏览器化以设置 NODE_ENV。所以我可以删除反应警告、控制台中的错误报告，甚至我的代码来禁用某些功能......
TLDR：有人知道 npm 包 CDN 将 Javascript 捆绑到非模块 js 文件中吗？ 我希望在用户脚本中使用这个包。这是一个简单的用户脚本，所以我宁愿使用...
当我使用捆绑器使我的 JS 浏览器兼容时，我导出的函数不会导出。 错误：（索引）：11 未捕获类型错误：连接不是函数 在 HTMLButtonElement.onclick ((index):1...
我有一个库，我想在已浏览器化的 React Native 项目中使用。当我需要该库时，所有内部 require() 调用都会被劫持，而不是解析依赖...
我正在尝试按照 BitcoinJS 页面上的说明（如下所示）构建 Bitcoinjs 以进行浏览器测试。 $ npm install -g bitcoinjs-lib $ npm -g 安装 bitcoinjs-lib brow...
浏览器错误：未捕获类型错误：无法确定bundle.js中的当前节点版本
所以我最近在我的应用程序中安装了 browserify，并且在 Chrome 开发控制台中收到此错误： bundle.js:10677 未捕获类型错误：无法确定当前节点版本 在
更新1 我已经接近了，但某些模块仍然存在问题。 具体来说，我试图包含 Morris.js (morris.js06) 包。 我现在似乎能够生成单独的...
使用 Typescript、Browserify 和 Gulp 将 $ 和 jQuery 公开到全局范围
如何制作一个捆绑文件，将 $ 和 jQuery 放入窗口/全局范围中，以便其他捆绑包可以看到它？ 我正在尝试从通用供应商文件中公开 JQuery 和 Bootstrap。 我想要我的布局。
我正在尝试使用 JS 模块制作简单的页面，该模块将对页面执行某些操作。我需要使用 node.js 的模块，所以我正在学习如何浏览器化工作。 我的HTML： 我正在尝试使用 JS 模块制作简单的页面，该模块将对页面执行某些操作。我需要使用 node.js 的模块，所以我正在学习如何浏览器化工作。 我的 HTML： <!doctype html> <html> <head> <script src="js/bundle.js" type="text/javascript"></script> </head> <body> <p>Hello world!</p> <script type="text/javascript"> var test = require("./test.js"); test.init(); </script> </body> </html> 这是我的 JavaScript (test.js): "use strict"; alert("here1"); var init = function() { alert("here2"); } exports.init = init 我正在捆绑： browserify.cmd test.js -o bundle.js 当我尝试打开页面时，它显示“here1”，但不显示“here2”。 在浏览器的控制台中我看到： Uncaught ReferenceError: require is not defined index.html:9 有什么想法可以让模块的函数（init）正常工作吗？ 您需要将包含 Node 中任何内容的所有 JavaScript 代码放入 test.js 文件中，然后使用 browserify 将其转换为 te bundle.js。在您的示例中，您在 require 中使用节点函数 index.html，该函数不会被转换。然后浏览器会看到他不知道的函数 require()，这就是问题隐藏的地方。 简单来说：您的所有 javascript 代码（包含 Node）必须作为单个 index.html 包含在您的 bundle.js 中，这是来自源文件的浏览器结果。 编辑 Browserify（默认情况下）不允许您从浏览器化代码中调用任何浏览器化函数。但是您可以通过将函数附加到 window 范围来使其可用。 这是 test.js（然后通过 browserify 转换为 bundle.js）和 index.html "use strict"; alert("here1"); window.init = function() { alert("here2"); } <!doctype html> <html> <head> <script src="js/bundle.js" type="text/javascript"></script> </head> <body> <p>Hello world!</p> <script type="text/javascript"> init(); </script> </body> </html> 这是“浏览器无法访问”的热门搜索，我只是浪费了至少几个小时自己没有得到它。也许其他帖子、博客和教程都很迟钝，或者也许只是我，但这是一个我希望有人向我展示的例子： const trie = require('trie') <---you want to use this module like in node 运行此命令（安装 browserify 后）： browserify -r trie -s trie > trie.browser.js (if node can find it, browserify should) -r = --require [模块名称] -s = --standalone [浏览器 JS 环境中模块的全局范围(!) var 名称] （您还可以使用 -o 作为 --output 选项，而不是使用 > 进行重定向） 然后在浏览器代码中您可以执行以下操作： const LexTrie = new trie.Trie() ...or... const LexTrie = trie.createTrieFromJson(lexicon_trie_json) 这比使用 require 制作一个中间文本文件要好，这对我来说无法将模块置于全局范围，直到我做了类似的事情： window.trie = require('trie') ...此时它起作用了，但我知道必须有一种更简单的方法。 希望这对像我这样的人在未来因为没有突出显示 --standalone 选项而无法获得 browserify 文档时有所帮助....
我正在尝试制作一个编辑器，可以在启动程序之前选择模式。我正在为我的项目使用 npm 包react-ace和brace。问题是，大括号文档
apiKey 使用 browserify 和 dotenv 返回未定义
希望有人能够帮助我解决以下问题。 我正在尝试利用 .env 来存储我的 API 密钥。我已经尝试了几种方法，但到目前为止还无法返回/使用我的 API 密钥....
我想了解为什么在浏览器中检查变量值时它显示为“未定义” require('dotenv').config() const apiKey = process.env.GOOGLE_MAPS_API_KEY; 控制台.log(...
如果没有node_modules文件夹，我的应用程序如何工作？
我是一名前端开发人员，我对 Node 和 npm 的工作方式有点陌生。 通常，我在 JS 文件中需要我想要的包，然后使用 browserify。 但是当我将项目推送到 GitHub 时，我忽略了
我正在使用 NodeJS v18.18.0 构建一个客户端 React 应用程序，通过 Kerberos 对用户进行身份验证。我打算使用节点库 kerberos (https://www.npmjs.com/package/kerberos)。这个包是...
在 Chrome 中调试时，Browserify 源映射未加载
我正在开发一个 Angular 应用程序。当尝试调试我的指令的链接函数时，我遇到了有关源映射的 Chrome 问题。 第一次加载页面时（由 Gulp 和浏览器触发......
我目前有这个factor-bundle命令，我用它来捆绑我的文件，并将所有常见的东西拉到一个公共文件中： browserify index.js bar-charts.js list-filter.js 仪表板.js -p [事实上...
如何使用 browserify/parcel with express？
这对我来说会很长，我已经为我的 dapp 使用了这段代码，它使用了几个导入的库和一个 .json 构建文件用于我的 solidity 合约，前几行看起来像这样
我正在学习 javascript 和 svelte，我找到了一个我想使用的模块。问题是该模块是为节点构建的，所以我不能直接在客户端使用 require('number-to-w...
将 polyfill 配置从 CRA 移植到 Vite 配置
我有一个旧的小型 CRA 应用程序，我将其迁移到 Vite React。我几乎准备好了，我只需要将旧的覆盖配置从 CRA 移植到我的新 Vite React 应用程序中。这似乎是一场更大的斗争...
Another ParseError: 'import' and 'export' may appear only with 'sourceType: module' :(
我花了好几天时间在互联网上搜索解决这个问题（请不要将其标记为重复！）。我正在尝试使用 ES6 导入： 从“下划线”导入 * 作为 _； <--- w...