Vue+Cesium使用

• 概述
• 软件环境
• 实现过程
• • 修改vue.config.js文件
• 成果展示
• 相关链接

概述

在Vue里结合Cesium的使用，使其打包发布后能正常使用。
页面中通过import加载cesium库。

软件环境

• Vue 2.x
• Vue Cli 4.5.0
• Cesium 1.76
• copy-webpack-plugin 6.0.3
• webpack 4.44.2

实现过程

修改vue.config.js文件

该文件如果不存在则手动在项目根目录下创建，vue cli创建项目的时候默认没这个文件。

这里配置copywebpackplugin主要是将cesium一些静态资源在打包的时候自动拷贝到包里面。
页面里加载的写法：

成果展示

相关链接

参考:https://www.cnblogs.com/reround/p/11943717.html
github项目:https://github.com/zouyaoji/vue-cesium

文章知识点与官方知识档案匹配，可进一步学习相关知识Vue入门技能树首页概览23678 人正在系统学习中