Webpack的externals的理解

webpack官網介紹：

防止將某些 import 的包(package)打包到 bundle 中，而是在運行時(runtime)再去從外部獲取這些擴展依賴(external dependencies)。

webpack的externals
上面的信息是什麼意思呢？
你可以通過script方式引入後，在文件中直接使用$這裏是沒有問題的，如果你使用了eslint，它會提示你該變量未定義。但是如果你想在文件中使用import $ from 'jquery';不好意思不行，因爲你沒有npm install jquery，那麼如何讓我們像安裝了jquery一樣使用這個東西呢？這就需要配置externals配置

 externals: {
    jquery: 'jQuery'
  }

這裏的jquery就是你引入的key,value就是外部鏈接暴露出的變量名。
所以你可以如下使用
配置：

 externals: {
    jquery1: '$'
  }

引用

import $ from 'jquery1'

使用

  console.log($('.test'))