基於上篇的介紹，雖然有比較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(你的項目名)
  1. 運行成功生成的文件目錄
  1. npm start
  1. 運行成功則會打開

  • 安裝esri-loader

npm i esri-loader --save

  • 代碼開發

更多的詳情見：

arcgis api 4.x for js 結合 react 入門開發系列"esri-loader"篇（附源碼下載） － 小專欄?

xiaozhuanlan.com圖標

文章尾部提供源代碼下載，對本專欄感興趣的話，可以關注一波

GIS之家店鋪：GIS之家

GIS之家源碼諮詢：GIS之家webgis入門開發系列demo源代碼諮詢

推薦閱讀：

相關文章