electron-react-boilerplate集成cesium

本文介绍了如何在electron-react-boilerplate项目中集成cesium的详细步骤,包括安装cesium和resium,修改webpack配置,解决资源加载问题,以及引入Viewer的注意事项。
摘要由CSDN通过智能技术生成

网上找了好久没找到任何electron-react-boilerplate集成cesium的资料
在这里插入图片描述
原因:
1.使用electron-react-boilerplate的人本来就不多
2.使用electron-react-boilerplate并且要集成react-cesium的人就更少了
抠了两天脑壳之后终于搞出来了.
在这里插入图片描述
以下是步骤:
首先安装cesium和resium
cnpm install --save cesium resium
然后就是需要注意的地方了
更改webpack配置:
网上的配置各种尝试之后, 还是不行.最后自己结合网上的配置再摸索摸索
首先安装依赖包,
copy-webpack-plugin css-loader style-loader url-loader strip-pragma-loader
可以先查看以下自己的package.json, 缺啥装啥, 我只缺copy-webpack-pluginstrip-pragma-loader, 所以我就是
cnpm install --save-dev copy-webpack-plugin strip-pragma-loader
接下来, 找到项目下的config 文件夹下的 webpack.config.renderer.dev.babel.jswebpack.config.renderer.prod.babel.js
以下的配置都是在这两个文件夹中都要配置的哦.

1.定义cesium的路径:

const cesiumSource = 'node_modules/cesium/Source';
const cesiumWorkers = '../Build/Cesium/Workers';

2.更改resolvealias
原:

  resolve: {
   
    alias: {
   
      'react-dom': '@hot-loader/react-dom'
    }
  },

改为:

  resolve: {
   
    alias: {
   
      cesium$: 'cesium/Source/Cesium',
      // cesium$: 'cesium/Cesium',
      cesium: 'cesium/Source',
      'react-dom': 
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值