我正在使用 browersify-shim
将 jquery、bootstrap 和我的自定义 js 文件捆绑到一个最终包中。
我的自定义 js 文件不依赖于 jQuery
,尽管 bootstrap
有。
我有以下package.json
"browser" : {
"jquery": "path/to/jquery",
"bootstrap": "path/to/bootstrap"
},
"browserify": {
"transform": [ "browserify-shim" ]
},
"browserify-shim": {
"jquery": "$",
"bootstrap": {"depends" : "jquery:jQuery"}
},
现在在我的脚本文件中我必须执行以下操作:
require('jquery');
require('bootstrap');
在package.json
中添加别名到“jquery”与var window.$ = require('jquery');
之间有区别吗? p>
在某些地方,我看到人们同时执行上述两项操作,难道只执行一项就足够了吗?
其次,为什么我需要显式地require
同时使用jQuery
和bootstrap
,即使我的自定义js文件都不依赖于它。有没有办法告诉 browserify-shim 将所有内容捆绑在 package.json 中,无论如何我都会告诉那里的所有依赖项和别名。为什么要重复工作来要求我的脚本文件中的每个模块。
最佳答案
第一个问题:
Is there a difference between adding an alias to "jquery" in package.json, vs doing var window.$ = require('jquery');
人们这样做的原因是他们需要 jQuery 出现在他们的bundle.js 之外。例如,您可能有 $(document).ready()
处理程序直接在您的index.html中,在这种情况下您需要在 window
上提供 jQuery目的。如果您在 bundle.js
之外没有任何 jQuery 代码那么这不是必需的,您可以使用 var $ = require('jquery');
根据需要 bundle.js
.
你的第二个问题让我认为上述情况可能是这样。答案是你绝对可以在 bundle.js
之外加载 Bootstrap 和 jQuery 。
这里一个好的解决方案是简单地将它们以通常的方式添加到您的 bundle 之外,通过 <script></script>
标签。然后,如果您的 bundle 中需要它们,您可以 require them as a global因此,如果您在 bundle.js
中引用它们它们不会被加载两次。
关于javascript - browserify-shim 别名和 varName 之间的区别 = require ("module"),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35145590/