如何在 CDN 链接之前将 jQuery 与 webpack 一起使用

Question

是否可以在需要like in RequireJS 时从 CDN 加载外部 jQuery？我的意思是在配置中的某处指定外部 jQuery 源（在 CDN 上），然后以 CommonJS（或 AMD）样式使用它：

$ = require('jquery')

问题是我的自定义脚本高于 jQuery 的CDN 链接，所以我有'找不到变量jQuery' 错误。从示意图上看，我的代码如下所示：

<script src="custom_code.js'>
  // uncompiled source like:
  define(['jquery', '../../node_modules/baconjs/dist/Bacon.js'], function($, bacon) {
    console.log 'ok'
  });
</script>
...
<script src="//yastatic.net/jquery/2.1.3/jquery.min.js"></script> 

Answer 1

阅读this post 并使用require.ensure 后，我设法让它工作。 custom_code.js：

require.ensure(['jquery', '../../node_modules/baconjs/dist/Bacon.js'], function(require){
  var $ = require 'jquery'
  var bacon = require '../../node_modules/baconjs/dist/Bacon.js'

  $('.content').prepend('it works!')
});

在 webpack 配置中我已经添加了

externals: { jquery: "jQuery" },

在这种情况下，webpack 将对带有 Bacon.js 的编译包发出额外的请求。

我仍然想知道如果客户端加载 Bacon.js 之前 jQuery 将从 CDN 加载会怎样？