安装所需依赖:npm install @arcgis/core --save-dev;
npm install -D @babel/core @babel/plugin-proposal-nullish-coalescing-operator @babel/plugin-proposal-optional-chaining babel-loader
将/node_modules/@arcgis/core/assets文件夹复制到public下
目的是可以添加esri的css样式,这样就避免了必须使用网络链接对css文件的在线引用
/node_modules/@arcgis/core/assets文件夹所在位置
![](https://img-blog.csdnimg.cn/img_convert/de09804286a6d6fad9b34bf1e2c4c507.jpeg)
![](https://img-blog.csdnimg.cn/img_convert/f0e122076b71939318bbe54f2dcba7e9.jpeg)
在main.js中引入@arcgis/core/config和样式文件
import esriConfig from "@arcgis/core/config";
esriConfig.assetsPath = "./assets";
import '@arcgis/core/assets/esri/themes/light/main.css';
![](https://img-blog.csdnimg.cn/img_convert/783a59b023ddb349995f89cd42b36598.png)
在vue.config.js中配置webpack
![](https://img-blog.csdnimg.cn/img_convert/327309a5a8647cf715af08eb395baf37.png)