webpack引入cdn的js

可以使用webpack的externals配置项来引入cdn的js，避免打包到bundle中。

举个例子，假设要引入jQuery的cdn：

<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>

在webpack中，可以这样配置：

module.exports = {
  //...
  externals: {
    jquery: 'jQuery'
  }
};

这样，在代码中通过 `import $ from 'jquery'` 或者 `const $ = require('jquery')` 引入jQuery时，webpack会自动从全局变量中获取，而不会打包进bundle中。

需要注意的是，externals配置项的值是一个对象，键名为引入的模块名，键值为全局变量名。