關於webpack的cdn配置

在webpack中活用cdn可以大幅度減少打包文件的體積，配置方法也非常簡單。

首先現在入口html文件（index.html）里引入相應cdn連接，然后配置webpack：

module.exports = {
    externals: {
      "vue": "Vue"
    },
    ...
 }

配置cdn主要利用了externals（外部的）選項，key表示的是包名，即package.json中包的名稱，value表示的是包導出的類名。比如說vue包導出的類名是Vue，vue-router導出的類名是VueRouter。類名很重要，不能亂寫，不然就會報找不到變量的錯。

想知道導出的類名可以先在一個空白的html文件里引入cdn文件，然后打開控制台，輸入包名的頭幾個字母，出現的智能提示就是類名。

比如vuex的類名就是Vuex，由於vuex比較小，這里就直接復制粘貼到控制台作為演示了