问题标签 [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.
angularjs - 如何在 browserify 中使用离子?
我首先尝试从 npm 安装 ionic 并使用
它不起作用,捆绑在 browserify 未知路径中的 npm ionic 版本。
然后我从凉亭安装它,并添加了一些浏览器垫片:
包.json
libs 是我的凉亭文件夹。
看起来 ionic 是由 browserify 找到的。但我有以下离子错误:
ionic.js 抱怨窗口对象为空。
你知道我需要正确的 ionic 吗?
索引.html
js/main.js
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。任何人都有另一种方法。因为我还在杂草丛中...
但是没有成功...
还收到一条错误消息,看起来比最后一条更神秘:
npm - 从因子捆绑中提取供应商库
我正在使用 npm、Gulp 和 browserify 为我的应用程序创建一个半自动构建管道。这就是我想要完成的事情:
- 拥有可以通过脚本标签包含的页面特定文件(即
page1.js
,,page2.js
...) - 将我在页面特定脚本之间共享的自定义代码分解为
common.js
. - 将通过 npm 安装的供应商库(即 bootstrap、jquery)提取到
vendor.js
.
我在为我的应用程序结合 browserify 和 browserify-shim 时遇到问题。在我的网页中,我包括vendor.js
、common.js
和page1.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
browserify - 使用 browserify 构建时,uuid.js 不使用 crypto.getRandomValues
我在使用 node-uuid 库时遇到了问题。我正在使用 browserify 进行构建,我发现尽管在支持加密 API 的现代浏览器中运行,但它实际上并没有使用 crypto.getRandomValues 方法来生成随机性。
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 上——任何关于我做错了什么的指导都值得赞赏。
javascript - Browserify jQuery插件错误
我正在尝试浏览一个 jQuery 插件并一直在浏览器控制台中收到此错误:
Uncaught Error: Cannot find module 'jquery'
这就是我的package.json
部分的样子:
提前致谢 :-)
jquery - 使用 jquery 对 shim 进行 Browserify 会导致大型条目 javascript。为什么?
我有一个最小的 index.js,它基本上是空的。
当我使用const $ = require('jquery')
我的index.js
气球大小时。
不使用const $ = require('jquery')
我index.js
的是 13kb。
用const $ = require('jquery')
我的index.js
900+ kb
这对我来说毫无意义,因为我使用的 jquery 库是 250kb。
为什么我的 index.js 会因为 browserify / browserify-shim 而膨胀?
这是我的 package.json:
注意我还在 gulp 中使用了转换 babelify,因为我使用的是 ES6。
我的 gulp 任务有以下内容:
javascript - 来自 CDN 的 Browserify jQuery UI
我想使用Browserify ,但继续从Google 的 CDN加载 jQuery 和 jQuery UI,而不是将代码连接到我的文件或供应商包中。我似乎无法弄清楚如何让它工作。
加载时出现此错误foo.js
:
找不到模块'jquery-ui'
这些是相关文件:
包.json
Gruntfile.js
foo.js
我也尝试过exclude
,external
它产生了相同的结果。有什么办法可以做到这一点?
我意识到还有debowerify变换,但如果可能的话,我想避免使用 Bower。
更新:我注意到注释掉require
调用'jquery-ui'
会起作用,因为 jQuery 默认公开全局$
,jQuery
但我认为用 CommonJS 甚至 AMD 格式编写代码的全部意义在于避免依赖全局变量?
javascript - Browserify-shim - 如何将两个全局变量从一个包传递到另一个包
我想将两个变量($
和jQuery
)从jquery
包传递到persian-datepicker
. 所以我添加了$
andjQuery
作为persian-datepicker
. 我做的对吗?
但似乎browserify-shim
无法从单个包中导出一个变量。
任何想法?
我的package.json
: