在 Angular 应用程序中执行以下命令以安装 ArcGIS JS:
npm install --save @arcgis/core
安装后,您将会注意到 Angular 应用程序的构建文件数量增加了。主要原因是 ArcGIS JS 引入了一些额外的依赖项和工具,例如 Webpack,以支持它自己的构建系统。
要解决这个问题,可以通过以下两种方式进行调整:
手动配置 Angular 应用程序的构建过程以排除 ArcGIS JS 的构建文件。
使用 ArcGIS JS 的自定义构建工具,以便仅从您需要的地图功能提取代码,而不是将整个库添加到应用程序中。
下面是手动配置 Angular 应用程序以排除 ArcGIS JS 的构建文件的一些示例:
在“angular.json”文件中,将以下代码段添加到“build/options/exclude”数组中:
"./node_modules/@arcgis/core"
"./node_modules/dojo-core"
"./node_modules/dojo-shim"
"./node_modules/dojo-typing"
"./node_modules/inherited-actors"
"./node_modules/cross-storage"
在“package.json”文件中,添加以下脚本以在构建和部署应用程序时排除 ArcGIS JS 中的构建文件:
"scripts": {
"build": "ng build --exclude=@arcgis/core,dojo-core,dojo-shim,dojo-typing,inherited-actors,cross-storage",
"start": "ng serve --exclude=@arcgis/core,dojo-core,dojo-shim,dojo-typing,inherited-actors,cross-storage",
"deploy": "ng deploy --exclude=@arcgis/core,dojo-core,dojo-shim,dojo-typing,inherited-actors,cross-storage"
}
如果