在vuejs项目中通过配置configureWebpack引入高德地图插件

项目中数据可视化大屏需要使用到高德地图，但是高德地图目前只支持script标签引入，查了一些资料之后可以通过以下配置引入高德地图

首先在index.html中引入高德地图

  <script type="text/javascript"
    src="http://webapi.amap.com/maps?v=1.4.15&key=你的key"></script>

然后在vue.config.js中修改配置

  configureWebpack: config => {
    config['externals'] = {
      AMap: 'AMap',
      AMapUI: 'AMapUI'
    };
  },

然后重启项目，就可以在vue模板中引入了

import AMap from 'AMap' //引入高德地图AMap