ArcGIS JS API 4.23 VUE React ES模式开发 打包注意事项

1、静态资源
安装NCP包，拷贝静态资源到目录公共目录

image.png

image.png

{
"script": {
"start": "npm run copy && react-scripts start",
"build": "npm run copy && react-scripts build",
"copy": "ncp ./node_modules/@arcgis/core/assets ./public/assets"
}
}
主程序中设置静态资源位置

image.png

样式文件引用通用css样式文件

image.png

2、字体库
esri 常用字体文件下载地址如下：
链接：https://pan.baidu.com/s/17s0GwVFXSe2Be_sST7n4aQ?pwd=ua3r
提取码：ua3r
--来自百度网盘超级会员V7的分享
字体库资源文件配置如下：

image.png

3、其他注意事项
（1）css样式的覆盖，可以使用全局Global方式进行覆盖

image.png

(2)ES 模式build
在ant pro中有使用 esbuild 作为压缩器设置，遇到过这个坑，弃用了该模式造成部署代码各种报错，开发环境正常。
记得和JS API结合的时候把这个模式关闭掉。
https://umijs.org/plugins/plugin-esbuild

image.png