问题标签 [browserify]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2452 浏览

javascript - 用于节点核心库的节点浏览器

这个问题只是为了确认我对 node browserify 的理解。

substack/node-browserify说:

兼容性:许多不做 IO 的 npm 模块在浏览器化后才可以工作。其他人需要更多的工作。许多 node 内置模块已被包装以在浏览器中工作,但仅当您显式 require() 或使用它们的功能时。

--

获取节点核心库事件、流、路径、url、assert、buffer、util、querystring、http、vm 和 crypto 的浏览器版本(当您需要()它们时)

node browserify 是否获取 node 内置模块的源代码,并构造一个捆绑文件;通过正确选择当前工作的 NVM 版本?

实际上,我第一次使用browserify 和maxogden/websocket-stream,效果非常好。

0 投票
3 回答
499 浏览

javascript - Ember.js 中的类自动加载器?

我正在寻找一个自动加载器,类似于它们在语言中的操作方式(例如http://php.net/manual/en/language.oop5.autoload.php)。我只是指定了查找文件的算法,它会自动加载到应用程序中。

我最初的想法是扫描目录并构建索引文件的构建过程。有没有更好的办法?

0 投票
1 回答
485 浏览

google-chrome - 获取相对于 sourceURL 的错误对象的 Chrome 堆栈跟踪

使用 Chrome 时,我通过 Mocha 测试运行程序收到错误,作为afterEachwith的一部分捕获this.currentTest.err

我正在使用令人敬畏的 coffeeify 插件使用带有调试选项的 browserify 编译咖啡脚本。这会生成一个bundle.js带有 a的编译文件sourceMappingURL=data:...,允许我直接查看和调试原始咖啡脚本。

不幸的是,当我访问err.stackMochaafterEach挂钩时,堆栈包含对相应文件的引用bundle.js而不是相应.coffee文件,这将更加有用。

这是一些带有 browserify 的示例代码。

首先,使用 npm 安装它(为方便起见):

x.咖啡

转换为x.js

x.html

如果在 Chrome 中打开它,开发工具将显示x.js, x.coffee(来自sourceMapURL) 和x.html.

当我们运行这个 HTML 页面时,我们会得到以下输出到console

我们期望的是让跟踪引用.coffee文件,看起来像这样(为了说明目的,我在这里编造):

有没有人成功地将错误堆栈转换为引用其源地图位置的项目的堆栈?

0 投票
2 回答
14693 浏览

node.js - 如何忽略browserify编程api中的库

假设在 中找到以下代码bundler.js并且跟踪entry.js导致var B = require('backbone');(Backbone 是安装的依赖项,如 中声明的那样package.json)。

执行这个捆绑器会产生一个包含原始backbone源的流。基于 browserify 的命令行选项,我希望它完全跳过主干。阅读源代码,我预计以下内容可能会起作用:

虽然backbone源仍然出现在流输出中。

是否可以--noparse=FILE在此 api 应用程序中用作配置选项?

0 投票
2 回答
663 浏览

node.js - 我怎样才能browserify nodejs的browserify?

我试过了

但我收到以下错误:

是否有可以在浏览器中运行的 browserify 版本?

0 投票
1 回答
1893 浏览

node.js - 如何在 browserify 中使用 non-commonjs 库?

我想将 OpenLayers 与 borowserify-middleware 一起使用,这是我的代码文件app.jsmain.jsindex.html

我能够正确显示地图,但是关于正确使用 browserify-middleware 的问题很少

  • 在浏览器中下载时,main.js 文件大小是原始文件(main.js + OpenLayers.js)的两倍,因此加载时间过长。为什么文件大小是两倍?文件末尾有一些编码文本。

  • 如何将非commonjs库定义为外部?我按照此处的说明进行操作,但无法实现。我在 OpenLayers.js 的末尾添加了 {module.exports = OpenLayers}

0 投票
1 回答
2918 浏览

javascript - 通过 javascript 连接 PostgreSQL

我正在寻找一种直接在浏览器中连接到 postgresql 的方法。我试图利用 nodejs 和 browserify,但到目前为止捆绑没有运气。每当我编译一个包含

它在浏览器中特别指出:

找不到模块'/node_modules/pg/lib/client'

浏览器之后告诉我他找不到 pg 需要的模块。也许我之前需要将 pg 与 browserify 捆绑在一起?

如果有人知道如何处理这个问题,或者甚至建议我如何通过 javascript 连接到 pgsql,我将不胜感激。

0 投票
1 回答
998 浏览

javascript - Browserify:从脚本访问 dom 元素?

我有一个用于客户端站点的 javascript 库,如下所示:

即 foo.js 导出一个函数(“foo”),该函数假定获取一个 DOM 元素作为参数。

我想将 foo.js 拆分为几个不同的“模块”(逻辑部分),为此我正在查看BroserifyrequireJS。问题是,如果 browserify(据我所知,requireJS)不导出任何 foo 的顶级函数,所以我无法从 html 文件中访问“foo”函数,如上所示。似乎使用 browserify 我可以在构建最终 js 时使用-r选项:

这将创建一个可以在客户端站点中使用的全局要求。不过,我对这个解决方案不太满意,因为它污染了全局空间,而且我的脚本旨在嵌入其他站点(可能有冲突的require)。我在这里运气不好?我错过了什么吗?我想我所需要的只是一种方法来加入不同的 js 源文件以便于开发并且只导入一个最终的 javascript。有没有更好的解决方案适合我的需求?

米;

0 投票
2 回答
1273 浏览

javascript - 如何从节点中的现有源映射生成新的源映射?

我正在编写一个工具,它将使用 browserify 转换在许多 JavaScript 文件的顶部和底部添加几行。我试图弄清楚如何生成包含原始源转换以及删除由我的附加行创建的偏移量的源映射。例如:

使用 coffeescript 编译器将其转换为

coffeescript 编译器还提供了一个 sourceMappingURL 指向一个映射,例如

我需要通过在前后添加几行来修改 JavaScript 文件输出。

我需要弄清楚如何使用咖啡脚本编译器提供的映射文件来映射我的更改,并通过咖啡脚本编译器,一直映射到原始咖啡脚本源。

目前,只要没有额外的源映射可以使用,我就可以进行此源映射。例如,如果我从 JS 而不是 CS 开始,我可以使用Thorsten Lorzen 的 inline-source-map 库生成一个源图,只要没有进行第二级转换,它就可以正常工作。在同一原始源上组合多个源映射时,我很困惑该怎么做。

任何帮助或建议将不胜感激。

0 投票
1 回答
4264 浏览

javascript - $ 不是函数。骨干网、jQuery 和 Browserify

我正在使用 browserify 创建节点应用程序以模块化前端代码。不幸的是,我无法让 Backbone 工作,因为它抛出了这个错误:

jQuery 在此脚本之前加载:

使用 browserify 时,Backbone 似乎找不到 jQuery。