【VUE】process.env，require，vite.config.js等问题的解决

一、简介

这个系列是想将自己做过的Cesium项目整理回顾，同时也希望能给看到的文章的朋友一点帮助。大部分内容规划都是简单的功能应用，后面可能会选我自己感兴趣的功能做分享。

本文主要介绍工程的技术选型，环境搭建和代码的简单实现。首先解释一下为什选择Craco。

我喜欢直接用 create-react-app 的搭建功能，不喜欢自定义太多，所以不想把工程 eject。所以craco 是不改工程默认设置下配置Webpack的很好的解决方法。

React 中使用实现目前我了解到的解决方案有两种：

1）resium, 我简单resium提供一套比较方便的接口组件，确实很容易上手，但是缺点可能是不如直接像SDK里面那种方式来的灵活；

2）craco-cesium 环境配置多个几个步骤，但总体上来说使用方法能接近于用在html中或者直接用webpack搭建工程那样直接使用cesium。我看工程本身也比较久了最先版是2019年的，如果将来create-react-app将来升级到webpack5等，可能这种方法存在风险。但显示用的话没问题。

因此，下面要讲的就是基于craco-cesium在create-react-app工程中使用cesium。

二、工程搭建

1. create-react-app

创建React工程，这里我使用了typescript的模版，主要是为了练习typescript使用。实际工作需要根据需求与资源情况来决定是使用JS还是TS。

yarn create react-app cesium-in-react --template typescript 

工程建