问题标签 [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 投票
2 回答
251 浏览

javascript - 代码突出显示可以与 Browserify 一起使用的 js?

我正在寻找一个支持主要编码语言(sass/scss)并且可以很好地与 Browserify 配合使用的代码荧光笔。

在我使用prismjs的那一刻,它工作得很好(作为荧光笔),但我似乎无法让它与 Browserify 一起工作。最近,我开始使用 Browserify(这很棒)并且可以很好地处理所有脚本和模块,除了荧光笔(我需要)。

是否有一个很好的代码荧光笔可以流畅地与 Browserify 一起使用而无需进行重大黑客攻击?:)

提前致谢。

0 投票
0 回答
378 浏览

gulp - Browserify 用于具有 gulp 和 factor-bundle 的多页网站

我正在尝试使用带有因子捆绑的 Browserify 在页面上加载特定模块。

这是我组织 JS 源文件的方式:

这是我的构建文件夹:

主页.html

other_page.html

吞咽文件

以及有关 Browserify 的 package.son 的摘录

构建没问题。但是当我加载主页时发生错误:“找不到模块'home'”

我做错了什么?这是在多页网站上使用 browserify 的好方法吗?

我为整个项目做了一个回购:https ://github.com/JiDai/browserify-multipage

0 投票
0 回答
263 浏览

javascript - 使用browserify时如何修复相对路径

我正在尝试使用 browserify 编译所有 js 文件。

我目前遇到的问题是:https ://github.com/amsul/pickadate.js

在:https ://github.com/amsul/pickadate.js/blob/master/lib/picker.date.js

它需要一个相对路径:

我想我会在其他文件中再次遇到这个问题。

一旦所有 js 文件都被编译并移动到我的“dest”目录,这个相对路径就不再正确了。

有没有办法覆盖它以便获得正确的文件?

这是我目前正在使用的完整 gulp 任务:

picker.js 位于:./app/js/materialize/date_picker/picker.js

在我浏览并移动它之前,这是正确的位置。

0 投票
1 回答
1072 浏览

jquery - 如何使用 browserify 和 gulp 设置对 jquery 的依赖关系

所以我正在使用 gulp 和 browserify,我需要 jquery 和一个需要 jquery 作为依赖项的插件(owl-carousel)。

但是,文件的顺序似乎有些混乱,因为在我使用的插件之后将查询编译到最终的 js 文件中,这会导致控制台错误:

我如何告诉 browserify 存在依赖关系?为此我需要 browserify-shim 还是有其他方法?

我的包括:

我现在也在使用 browserify-shim,但遇到了同样的错误。这是我的 package.js 中的内容:

有人有什么想法吗?

0 投票
1 回答
450 浏览

javascript - 使用 d3 和 Karma 测试 javascript

我正在尝试使用来测试一个用于绘制图表Karma的简单脚本。d3.js该脚本用于browserify导入d3.

我已配置Karma为使用browserifyPhantomJS针对此文件运行测试,但是无论配置如何,它总是会因以下错误而失败:

我尝试使用browserify-shim,但没有任何区别。这是我的摘录karma.conf.js

任何解决此问题的帮助将不胜感激。只是为了澄清,实际的代码工作正常,它只是通过Karma它打破。

0 投票
0 回答
241 浏览

laravel-elixir - 将 Browserify-shim 与 Laravel Elixir-Browserify 一起使用

npm我已经像往常一样安装了browserify-shim 。并根据其手册配置 package.json。我不确定 Laravel-elixir 的效果如何。由于我看到它的方式,我不想main在package.json中指定文件,因为我已经直接在gulpFile.js中指定了入口文件。到目前为止,我没有运气让我的非 Commonjs 文件与 browserify 一起填充。

这样做的方法是什么?有人对此感到好奇吗?

0 投票
1 回答
53 浏览

javascript - 使使用 browserify 和 browserify-shim 创建的库可用

我想使用 Browserify / Browserify Shim 为浏览器创建一个 JavaScript 库,并使其在浏览器中通过全局变量可用。

我希望将条目 JS 文件的导出附加到此变量上。例如,在我的图书馆里,我会有这个:

而且,在我的浏览器中,我想这样做:

如何配置 Browserify / Browserify Shim 来实现这一点?

非常感谢您的帮助!蒂埃里

0 投票
0 回答
394 浏览

browserify-shim - 使用 browserify-shim 进行多次导出

假设我有一个这样的 js 文件

我想将它与 browserify-shim 捆绑并导出 a 和 b。有没有办法这样做?

编辑。好吧,看起来这是不可能的。就我而言,我解决了browserify.transform的问题。这是我的 gulpfile 中的内容:

然后在 browserify-shim 配置中我导出这个 c 变量。

0 投票
0 回答
179 浏览

javascript - Browserify-shim 使用 google 作为依赖

我使用了来自 google viz 的几个库。

  1. 谷歌地图
  2. 谷歌选择器
  3. 用于身份验证的 google 客户端 api

我想使用以下方法填充L.Googlebrowserify-shim

我收到此错误:

0 投票
1 回答
2390 浏览

jquery - 用 browserify-shim 伪造全局 jQuery?(找不到模块'jquery')

关于 jQuery 插件,我在 Browserify 中遇到了一个令人费解的问题。因为我有多个单独的子应用程序包,所以我有一些全局库作为<script>我的 HTML 中的标签以防止重复。

我正在使用gulp,browserify-shimbabelify来创建我的捆绑包。

package.json

base.html:(在生产中,这些将是 CDN 链接)

在我的一个源文件中:

错误信息:

jQuery没有随 npm 一起安装,因为我不希望它滚到我的包中。

我猜这里的问题是require('jquery')内部有一个电话jquery.cookie.js没有得到解决。

如何使用 browserify-shim 将全局 jQuery 实例的存在“伪造”到插件中?


注意:这个解决方案不能满足我的需求,因为 jQuery 会被打包成很多包。