基于上篇的介绍,虽然有比较esri-loader@arcgis/webpack-plugin,还是觉得有必要需要讲述一下“esri-loader”的开发模式,待大家体验后也会有更直观的感受。
本篇文章是配合react脚手架reate-react-app使用,无需自己配置复杂的Webpack的环境。废话不多说,直接上手。

项目搭建

  • 安装create-react-app

npm install -g create-react-app

  • 创建react应用

create-react-app是全局命令来创建react项目

  1. create-react-app xxx(你的项目名)
  2. 运行成功生成的文件目录
  3. npm start
  4. 运行成功则会打开
  • 安装esri-loader

npm i esri-loader --save

  • 代码开发

更多的详情见GIS之家小专栏

文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波

最新文章

  1. UWP开发之ORM实践:如何使用Entity Framework Core做SQLite数据持久层?
  2. Oracle OEM
  3. h5移动端常见问题
  4. javascript 创建对象
  5. 2016HUAS暑假集训训练2 K - Hero
  6. java 自带md5加密
  7. C++Builder及VC的库相互调用
  8. JavaScript跨域方法
  9. HTML---常见标签与插入背景音乐;
  10. 大数据分析的众包平台—Kaggle
  11. LianLianKan - HDU 4272(状态压缩)
  12. 初识Mybatis框架,实现增删改查等操作
  13. USACO Section 5.4 TeleCowmunication(最小割)
  14. numpy库常用基本操作
  15. appium定位
  16. 解决Linux系统下Mysql数据库中文显示成问号的问题
  17. JS基础学习3
  18. CNTA-2019-0014 wls9-async 反序列化 rce 分析
  19. Google 的 OKR 制度与KPI 有什么不同?
  20. 2018/05/11 PHP 设计模式之 适配器模式

热门文章

  1. C语言下double转char*或者std::string,可以精确转换不含多余的0
  2. Python_文本操作
  3. Android开发学习总结(三)——appcompat_v7项目说明
  4. C/C++ 数据结构之算法
  5. FPA笔记三 数据功能的识别
  6. SpringMVC中Json数据格式转换
  7. SpringMVC中Controller的方法返回值
  8. Manifest文件的最新理解
  9. 1.2 lambda 表达式的语法
  10. BZOJ_2743_[HEOI2012]采花_离线+树状数组