问题标签 [browserify-shim]

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 回答
1157 浏览

angularjs - 如何在 browserify 中使用离子?

我首先尝试从 npm 安装 ionic 并使用

它不起作用,捆绑在 browserify 未知路径中的 npm ionic 版本。

然后我从凉亭安装它,并添加了一些浏览器垫片:

包.json

libs 是我的凉亭文件夹。

看起来 ionic 是由 browserify 找到的。但我有以下离子错误:

ionic.js 抱怨窗口对象为空。

你知道我需要正确的 ionic 吗?

索引.html

js/main.js

0 投票
1 回答
362 浏览

jquery - 完全混淆 browserify 和 browserify-shim 应该如何工作

好吧,我开始很容易理解发生了什么:所以我有一个依赖于 jQuery 的插件,从那里开始,我会在此基础上构建并简单地添加更多。然而,我唯一能开始工作的就是 jQuery 本身。

这是我从终端得到的错误:

这是我的设置:

包.json

在基本层面browserify-shim上应该完成获取非'node_modules'对吗?有没有人介意直接设置记录,因为对于我的生活,我无法正确配置它。但更重要的是,我很想知道发生了什么!

谢谢!

更新

因此,如果您 var mixitup = require('./../bower_components/mixitup/build/jquery.mixitup.min.js');app.js文件中使用它,它就会出现。但那又有什么意义呢browserify-shim。我虽然应该允许您使用缩短的约定:

就我而言,它将是:

更新

根据尼克的建议尝试了这个,当然我没有使用 proxyquireify。任何人都有另一种方法。因为我还在杂草丛中...

但是没有成功...

文件路径

还收到一条错误消息,看起来比最后一条更神秘:

0 投票
0 回答
57 浏览

javascript - 这个 Browserify-shim 设置不适用于 jquery-Mustache,为什么?

以下设置使jQuery插件mixitup完美运行。

但是,当我尝试对 应用相同的约定时jquery-Mustache,我无法获取我的模板:

我没有从终端收到错误(这将证明package.json设置是犹太洁食的),但我确实从控制台收到了这个错误:

在此处输入图像描述

这表明了这一点:

在此处输入图像描述

这是我的 app.js 文件,感觉这是最相关的信息:

以及获取模板的函数。

以及文件路径的好衡量,以证明函数中的路径是正确的:

在此处输入图像描述

0 投票
0 回答
131 浏览

npm - 从因子捆绑中提取供应商库

我正在使用 npm、Gulp 和 browserify 为我的应用程序创建一个半自动构建管道。这就是我想要完成的事情:

  • 拥有可以通过脚本标签包含的页面特定文件(即page1.js,,page2.js...)
  • 将我在页面特定脚本之间共享的自定义代码分解为common.js.
  • 将通过 npm 安装的供应商库(即 bootstrap、jquery)提取到vendor.js.

我在为我的应用程序结合 browserify 和 browserify-shim 时遇到问题。在我的网页中,我包括vendor.jscommon.jspage1.js。当我尝试加载页面并且我的脚本尝试加载时require('bootstrap'),此处会引发异常:

我希望必须告诉 browserify-shim bootstrap 依赖于 jquery,它希望 jquery 的导出绑定到 jQuery 变量。我试图在我的 package.json 中这样做。

我很难准确指出出了什么问题。我尝试了各种值的排列以进入引导程序的垫片(jquery:jQuery, jquery:$, jquery),但无济于事。我还尝试在browser路径中包含和省略各种值。我还尝试使用:通过命令行构建供应商包./node_modules/.bin/browserify -r jquery -r bootstrap > vendor.js,但浏览器上出现了同样的错误。很多关于 browserify-shim 和 factor-bundle 的问题都被问到了,但没有一个能解决任何试图将两者结合起来的问题。

我创建了一个存储库来演示这里的问题。安装和重现的步骤在 README 中。https://github.com/linkleonard/browserify-shim-factor-bundle

0 投票
1 回答
1380 浏览

browserify - 使用 browserify 构建时,uuid.js 不使用 crypto.getRandomValues

我在使用 node-uuid 库时遇到了问题。我正在使用 browserify 进行构建,我发现尽管在支持加密 API 的现代浏览器中运行,但它实际上并没有使用 crypto.getRandomValues 方法来生成随机性。

0 投票
1 回答
1459 浏览

gulp - 使用 Browserify / Browserify Shim 在全局 jQuery 中包含 slick-carousel 的问题

我正在使用 Browserify 11.2 和 Browserify Shim 3.8,并尝试将 slick-carousel(通过 npm 包含)与从 CDN 加载的 jQuery 结合使用。我意识到这需要使用 Browserify 垫片,但我无法让它工作。

这是我package.json文件的相关部分。

尝试要求 slick-carousel 时,出现错误:

Cannot find module 'jquery' from 'path_to_node_modules/node_modules/slick-carousel/slick'

但是,如果我将 require('jquery') 输出到常量(例如)

const jq = require('jquery'), jquery 就如我所料。

现在我的脚本只包含以下测试:

我一直很难把我的头包裹在 Browserify Shim 上——任何关于我做错了什么的指导都值得赞赏。

0 投票
1 回答
83 浏览

javascript - Browserify jQuery插件错误

我正在尝试浏览一个 jQuery 插件并一直在浏览器控制台中收到此错误: Uncaught Error: Cannot find module 'jquery'

这就是我的package.json部分的样子:

提前致谢 :-)

0 投票
1 回答
357 浏览

jquery - 使用 jquery 对 shim 进行 Browserify 会导致大型条目 javascript。为什么?

我有一个最小的 index.js,它基本上是空的。

当我使用const $ = require('jquery')我的index.js气球大小时。

不使用const $ = require('jquery')index.js的是 13kb。

const $ = require('jquery')我的index.js900+ kb

这对我来说毫无意义,因为我使用的 jquery 库是 250kb。

为什么我的 index.js 会因为 browserify / browserify-shim 而膨胀?

这是我的 package.json:

注意我还在 gulp 中使用了转换 babelify,因为我使用的是 ES6。

我的 gulp 任务有以下内容:

0 投票
1 回答
1359 浏览

javascript - 来自 CDN 的 Browserify jQuery UI

我想使用Browserify ,但继续从Google 的 CDN加载 jQuery 和 jQuery UI,而不是将代码连接到我的文件或供应商包中。我似乎无法弄清楚如何让它工作。

加载时出现此错误foo.js

找不到模块'jquery-ui'

这些是相关文件:

包.json

Gruntfile.js

foo.js

我也尝试过excludeexternal它产生了相同的结果。有什么办法可以做到这一点?

我意识到还有debowerify变换,但如果可能的话,我想避免使用 Bower。

更新:我注意到注释掉require调用'jquery-ui'会起作用,因为 jQuery 默认公开全局$jQuery但我认为用 CommonJS 甚至 AMD 格式编写代码的全部意义在于避免依赖全局变量?

0 投票
1 回答
112 浏览

javascript - Browserify-shim - 如何将两个全局变量从一个包传递到另一个包

我想将两个变量($jQuery)从jquery包传递到persian-datepicker. 所以我添加了$andjQuery作为persian-datepicker. 我做的对吗?

但似乎browserify-shim无法从单个包中导出一个变量。

任何想法?

我的package.json