browserify全局和在模块中使用JQuery

debugcn 发表于 Dev

DJ Forth

客户端为我提供了一个工作模板，该客户端具有该客户端要使用的28个不同的jquery插件（例如，抛弃它们不是一种选择）。

但是，我真的很想使用browserify来模块化我的代码，但是除了试图使所有28个插件和依赖关系完全化之外，我无法弄清楚该怎么做，也不必为浏览器化和全局加载JQuery。

我尝试这样做：

window.JQuery = require('jquery')
window.$ = window.JQuery

还有这个：

var globals = function(){
  window.JQuery = require('jquery')
  window.$ = window.JQuery
}

globals();

但是似乎都不起作用，并且所有插件都抛出错误。现在有人可以使用它吗？

用户名

我认为这是一个很好的方法。

npm安装jQuery
npm安装browserify-shim

将此行放在package.json中：

browserify-shim" : {
  "./node_modules/jquery/dist/jquery.js" : "$"
}

因此，在服务器上，通常require('jquery')将指向node_modules点。运行browserify时，它将设置window.$为相同的代码（也可以使用jQuery）。另外，如果您确实希望对这些插件进行填充，则只需像这样添加它们：

    "browserify-shim" : {
      "./node_modules/jquery/dist/jquery.js" : "jQuery",
      "./plugins/bs_modal.js" :  { 
        "depends": [ "./node_modules/jquery/dist/jquery.js" ] 
      }
    }

或者，清洁剂：

    "browser" : {"jquery": "./node_modules/jquery/dist/jquery.js"},
    "browserify-shim" : {
      "jquery" : "jQuery",
      "./plugins/bs_modal.js" :  { 
        "depends": [ "jquery" ] 
      }
    }

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。