vue + cesium 工程的搭建

1、npm install cesium

2、main.js中引入css import "../node_modules/cesium/Source/Widgets/widgets.css"

3、import * as Cesium from "cesium"; 在需要用的页面引入

重点：cesium需要按照访问服务的方式引用资源，所有我将node_modules/cesium/Build/Cesium 下的文件拷贝到public/cesium目录中，按照静态的服务区访问

注意：如果没有上一步、css、img、js都会出现404的错误

4、vue.config.js 

const { defineConfig } = require('@vue/cli-service')
const webpack = require('webpack')
const path = require('path')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.resolve('src'),
      }
    },
    plugins: [
      new webpack.DefinePlugin({
        CESIUM_BASE_URL: JSON.stringify("./cesium")
      })
    ],
   
  }
})