Vue 公共js文件如何放在服务器上引用

写了一个公共的js文件，eg：export default{province_list：1222,333,333 }，文件名area.js

放在本地目录下直接import area from './src/area.js'即可

放在服务器上，

1.在index.html中<script src=""></script>，

2.config文件中添加

externals:{

    'area':'area',

    'revertArea':'revertArea'

  }

3.组件中使用 import area from ‘area’ 

报错：unexpected token export

但是这样引用官方的echart.js就可以，于是仿照echart.js组件重新写

(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
typeof define === 'function' && define.amd ? define(['exports'], factory) :
(factory((global.revertArea = {})));
}(this, (function (exports) { 'use strict';

var province_list = {
'北京市':110000,
'天津市':120000,
'河北省':130000,
'山西省':140000
}；

var city_list= {
'北京市':110100,
'天津市':120100,
'石家庄市':130100
}；

exports.province_list = province_list;
exports.city_list = city_list;
})));

好了，大功告成