node.js - 在browserify中需要cdn库而不将其捆绑在最终的js文件中

Question

如果我有一个从 cdn 中拉下的库，并且不希望它成为最终 js 文件的一部分，但能够使用 browserify 要求它，我将如何解决它？

这是我目前使用 alias 和 shim 文件解决它的方法。

browserify: {
    options: {
        debug: true,
        transform: [ 'reactify' ],
        alias: [
            'client/shims/jquery.js:jquery'
        ]
    },
    app: {
        src:  'client/app.js',
        dest: 'public/app.js'
    }
}

这里是 shim 文件 client/shims/jquery.js 我别名为 jquery 所以我可以使用 require('jquery') 而不是完整路径。

module.exports = $;

grunt-browserify 中是否有快捷方式来支持这种情况？我想知道是否可以在 Gruntfile.js 中定义它而不创建 shim 文件。

添加 external: [ 'jquery' ] 似乎完全忽略它并且不起作用。

Answer 1

与 browserify-shim你可以在你的 package.json 文件中添加这个:

  "browserify": {
    "transform": [
      "browserify-shim"
    ]
  },

  "browserify-shim": {
    "jquery": "global:$"
  }

然后 jquery 将通过 require('jquery')

在您的模块中可用