1 angular相关
1 | ng new ngArkWeb |
2 Cesium相关
1 | npm i cesium |
angular工程根目录创建配置文件extra-webpack.config.js
1 | module.exports = { |
3 修改工程配置
修改angular.json文件,在”src/assets”后面添加以下配置:
1 | { |
在”src/styles.css”后面添加以下配置:
1 | "src/assets/ThirdParty/CesiumNavigation/cesium-navigation.css", |
在scripts:[]方括号中添加以下配置:
1 | "node_modules/cesium/Build/Cesium/Cesium.js", |
在scripts:[]后添加以下配置:
1 | "customWebpackConfig": { |
在tsconfig.js文件的 “angularCompilerOptions” 选项中添加以下配置:
1 | "enableIvy": false, |
在serve 与 build选项组中,修改builder属性,从 angular-devkit/build-angular 修改为 angular-builders/custom-webpack
4 修改代码
在main.ts中添加以下代码:
1 | window['CESIUM_BASE_URL'] = '/assets/cesium/'; |