此文档用于mars3d集成
仅适用于ng10||ng11版本
// 集成环境需要单独配置webpack,配置文件为extra-webpack.config.js文件
// 需要下载依赖包执行
npm i -D @angular-builders/custom-webpack@10.0.1
// 在angular.json中修改配置
// 修改build下builder值为@angular-builders/custom-webpack:browser
// 修改serve下builder值为@angular-builders/custom-webpack:dev-server
// 在build下options中新增一项指向新增webpack配置文件
// 如果提示http https zlib找不到既是没有这个配置文件
"customWebpackConfig": {
"path": "./extra-webpack.config.js",
"mergeStrategies": {
"loaders": "append"
}
}
// 配置规则参考
module.exports = {
node: {
fs: "empty",
Buffer: false,
http: "empty",
https: "empty",
zlib: "empty"
},
module: {
unknownContextCritical: false
}
};
// 在build中的options下assets静态资源目录新增配置,其中public为根目录下放置配置文件路径,public可参考官方文档
{
"glob": "**/*",
"input": "node_modules/mars3d-cesium/Build/Cesium",
"output": "/assets/cesium"
},
{
"glob": "**/*",
"input": "public",
"output": ""
}
// 在build中的options下styles中新增node_modules/mars3d-cesium/Build/Cesium/Widgets/widgets.css
根据官方文档运行时会报cesium找不到的错误,将tsconfig.app.json文件中types数组内的cesium删除掉即可