webpack：使用公共cdn上的js，优化项目公共js包大小

在开发Vue项目的时候，一般打包的时候，会把公共js打包到app.js,vendor.js里面。app.js会把vue，vue-router，vuex等公共js都打包进去，最后会生成一个很几百K到几M大小的js文件。

要优化这个包，一个思路就是使用外部cdn，例如jsDeliver，bootcdn，staticfile 等上面的公共静态资源js。

这就带来了一个问题，如何在页面理，引入这些外部js呢？

一个方案，就是直接用script标签，写在index.html里，然后配置webpack的externals。
这个方案，存在一个问题，就是开发的时候，需要时刻有网。如果没有网了，这些外部的js就引入不了了。

另一个方案，就是利用 html-webpack-tags-plugin，在打包的时候，将这些外部js写入到index.html里。
插件地址

const HtmlWebpackTagsPlugin = require('html-webpack-tags-plugin')
...
...
// plugins 是webpack的配置项
plugins:[
...
new HtmlWebpackTagsPlugin({
  tags: ['https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.min.js'],
  append: false
})
]

这样配置进去后，运行打包，都会在index.html里写入外部js。
在这里，可以对开发和生产打包，进行区别。