外部扩展externals

有时候我们会为了减少bundle 体积，将一些不变的第三方库通过cdn 的方式来引入，比如jQuery。这个时候我们想在代码中使用引入的jquery，但貌似三种模块引入方式都不行。这个时候就需要使用webpack 提供给我们的 externals 属性来配置外部扩展模块

module.exports = {
  externalsType: 'script',
  externals: {
    jquery: [
      'https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js',
      'jQuery'
    ]
  }
}