在vue-cli的项目中使用mars3d需要通过 copy-webpack-plugin 来处理cesium的一些静态资源依赖。

    1. const CopyWebpackPlugin = require('copy-webpack-plugin');
    2. // 导入插件和 webpack
    3. const webpack = require('webpack')
    4. //导入cesium资源
    5. let cesiumSource = 'node_modules/mars3d-cesium/Build/Cesium/'
    6. configureWebpack: {
    7.   plugins: [
    8.     new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Workers'), to: 'Workers'}]),
    9.     new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Assets'), to: 'Assets'}]),
    10.     new CopyWebpackPlugin([{from: path.join(cesiumSource, 'Widgets'), to: 'Widgets'}]),
    11.     new CopyWebpackPlugin([{from: path.join(cesiumSource, 'ThirdParty'),to: 'ThirdParty'}]),
    12.     new webpack.DefinePlugin({CESIUM_BASE_URL: JSON.stringify('./')})
    13.   ], 
    14. },
    • 由于vite相比较于webpack在开发环境中巨大的效率提升,在vite中，mars3d官方提供了插件来处理这个问题，具体使用方式为 ```javascript // 安装 npm install vite-plugin-mars3d -D

    // 导入 import mars3dPlugin from ‘vite-plugin-mars3d’;

    // 在vite的plugins选项中添加 mars3dPlugin() ```