vite+cesium+天地图

查查茶茶丸

已于 2024-07-26 14:17:00 修改

阅读量475

点赞数 4

CC 4.0 BY-SA版权

分类专栏： gis 文章标签：前端 vue.js javascript

于 2024-07-25 10:40:56 首次发布

本文链接：https://blog.youkuaiyun.com/KK_vicent/article/details/140669670

创建vite项目

直接在地址栏输入cmd进入命令行（vite项目默认为vue3）

# yarn
yarn create vite 项目名称 --template vue

创建成功后依次执行

yarn install
yarn dev

安装cesium和vite-plugin-cesium

没有加版本号默认为最新版本加版本号如cesium@1.18

不装vite-plugin-cesium可能会导致样式问题

yarn add cesium vite-plugin-cesium

修改vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from "path";
import { resolve } from "path";
import cesium from 'vite-plugin-cesium'
// 路径查找
const pathResolve = (dir) => {
  return resolve(__dirname, ".", dir);
};
export default defineConfig({
  plugins: [vue(), cesium()],
  resolve: {
    alias: {
      // 设置别名
      "@": pathResolve("./src/"),
    },
    // https://cn.vitejs.dev