官网：https://webpack.docschina.org/configuration/externals/
    作用：防止将某些 import 的包(package)打包到 bundle 中，而是在运行时(runtime)再去从外部获取这些扩展依赖(external dependencies)。
    （通俗地说，就是）指示webpack忽略哪些包，不参与打包
    eg：将vue、element-ui、jquery不进行打包，采用BootCDN的方式引入

    1. const { resolve } = require('path');
    2. const HtmlWebpackPlugin = require('html-webpack-plugin');
    4. module.exports = {
    5.   entry: './src/js/index.js',
    6.   output: {
    7.     filename: 'js/built.js',
    8.     path: resolve(__dirname, 'build')
    9.   },
    10.   plugins: [
    11.     new HtmlWebpackPlugin({
    12.       template: './src/index.html'
    13.     })
    14.   ],
    15.   mode: 'production',
    16.   externals: {
    17.     // 拒绝jQuery被打包进来
    18.     jquery: 'jQuery'
    19.   }
    20. };

    语法：
    externals ——-> JSON Obeject（对象内的键值对是指示被忽略的包）

    • 键名：忽略的库名（npm install xxx，即install的是啥）
    • 键值：全局对象（import $ from ‘jquery’中的$, 也可以是jQuery）
      1. module.exports = {
      2.   externals: {
      3.     jquery: 'jQuery' // 表示应该排除 import $ from 'jquery' 中的 jquery 模块
      4. }
      5. }