8. 打包第三方类库

1. 直接 import 引入使用
2. webpack.ProvidePlugin 声明模块变量，在模块中可以用，在 html 全局下拿不到
3. expose-loader
4. external + CDN：手动插入 CDN 脚本，无论代码中用没用到，都会引入
5. html-webpack-externals-plugin：1. 不需要手动引 2.没用到的三方模块不会插入

new webpack.ProvidePlugin({
    _: 'lodash'
})

{
    test: require.resolve('lodash'),
  loader: 'expose-loader',
  options: {
      exposes: {
        globalName: '_',
      override: true,
    }
  }
}

externals: {
    lodash: '_'
}

new HtmlWebpackExternalsPlugin({
    externals: [
      {
      module: 'lodash',
      entry: 'http://cdn....../4.17.20/lodash.js',
      global: '_',
    }
  ]
})