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

项目搭建

  • 安装create-react-app

npm install -g create-react-app

SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。
  • 创建react应用

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

  1. create-react-app xxx(你的项目名)
    arcgis api 4.x for js 结合 react 入门开发系列
  2. 运行成功生成的文件目录
    arcgis api 4.x for js 结合 react 入门开发系列
  3. npm start
    arcgis api 4.x for js 结合 react 入门开发系列
  4. 运行成功则会打开
    arcgis api 4.x for js 结合 react 入门开发系列
  • 安装esri-loader

npm i esri-loader --save
arcgis api 4.x for js 结合 react 入门开发系列

  • 代码开发

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

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

 

扫码关注我们
微信号：SRE实战
拒绝背锅 运筹帷幄