vue 使用cesium

最新推荐文章于 2024-05-15 12:55:44 发布

小松不是菜奈

最新推荐文章于 2024-05-15 12:55:44 发布

阅读量1.1k

点赞数

文章标签：前端 Powered by 金山文档

本文链接：https://blog.csdn.net/L_xiaosong/article/details/129200959

版权

首先呢我也是第一次接触哈所以也有好多不熟练的地方😭多多鼓励谢谢大家啦

1.首先第一步要安装cesium

$ npm install cesium

2.接着在main.js 中引入cesium

// cesium 初始化引入
import "cesium/Build/Cesium/Widgets/widgets.css";
import * as cesium from "cesium";

3. 现在就有点复杂了哈创建vue.config.js

// const path = require("path");
// eslint-disable-next-line no-unused-vars
// const TerserPlugin = require('terser-webpack-plugin');
 

//这里面设计到webpack  要记得安装webpack
const CopyWebpackPlugin = require("copy-webpack-plugin");
const webpack = require("webpack");
// const cesiumSource = './node_modules/cesium/Source'

// eslint-disable-next-line no-unused-vars
// function resolve(dir) {
//     return path.join(__dirname, dir);
// }
// const { defineConfig } = require("@vue/cli-service");
module.exports = {
  devServer: {
    // port: 8888,
    open: true,
  },
  // defineConfig: {
  //   transplieDependencies: true,
  //   lintOnSave: false,
  // },
  configureWebpack: {
    output: {
      sourcePrefix: "",
    },
    plugins: [
      // 4
      //     // new CopyWebpackPlugin([{ from: path.jo