node.js - 让 browserify-shim 按预期工作

Question

我正在尝试让 browserify-shim 工作，但我似乎无法让它创建我期望看到的全局变量。

(注意，我的最终目标是通过 gulp 让它工作，但在遇到很多问题之后，我想我会删除一个变量并尝试让它单独在 browserify 中工作)

在这种情况下，我希望将“horses”创建为指向 jQuery 库的全局变量。

// package.json

{
  "version": "0.0.1",
  "browser": {
    "jquery": "./lib/js/vendor/jquery-2.0.2.js"
  },
  "browserify": {
    "transform": [
      "browserify-shim"
    ]
  },
  "browserify-shim": {
    "jquery": "global:horses"
  },
  "devDependencies": {
    // my dev dependencies
  },
  "dependencies": {
    // my production dependencies
  }
}

使用此配置，我从命令行运行:

browserify common.js > mycoolfile.js

然后我将 mycoolfile.js 包含到我的应用程序中并在浏览器中运行它:

<script src="mycoolfile.js"></script>

browserified 文件包含正常，但是当我转到 chrome 开发工具控制台并键入“horses”时，我收到未定义的错误。关于我可能做错了什么的想法？谢谢

Answer 1

我认为您想通过 exports 访问 jquery，并且您还假设 global 允许您获取模块创建的全局并为其创建别名，但我不认为它会那样做。如果 jquery 确实有一个它创建的名为 horses 的全局变量，上面的方法可能会起作用，但如果你只是随意组成该名称，它就不会起作用。我认为您正在尝试做更像这样的事情:

"browserify-shim": {
  "jquery": {"exports": "jQuery"}
},