Vue 项目离线安装 ArcGIS for JavaScript
注意: arcgis-js-api在4.18及之后版本,可以通过 npm install @arcgis/core@4.18.1
直接安装
在写些博客时,npm能安装的最新版为4.28.10,下面以4.28.10为例,讲解离线安装。
在vue3项目中,通过npm install @arcgis/core@4.28.10
安装,但默认是半本地化的,因为assests
资源是通过https://js.arcgis.com
在线请求的。
需要把相关内容通过https://js.arcgis.com
域名加载的assets
资源制制到public
目录下,然后在main.ts
入口文件中修改assetsPath
配置即可
import '@arcgis/core/assets/esri/themes/light/main.scss'
import esriConfig from '@arcgis/core/config'
esriConfig.assetsPath = '/assets' //或写完整 '/public/assets'
执行npm install ncp
,安装ncp
包,用来拷贝
在package.json文件下, 添加copy命令
{
"name": "vue-project-name",
"private": true,
"version": "0.0.0",
"scripts": {
"dev": "vite --host", // vite默认dev,webpack默认serve
"build": "vite build",
"preview": "vite preview",
"copy": "ncp ./node_modules/@arcgis/core/assets ./public/assets"
},
"dependencies": {
......
}
"devDependencies": {
.....
}
......
}
执行npm run copy
,拷贝环境到本地
分类:
Vue
, ArcGIS Enterprise
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程