arcgis api 4.x for js 结合 react 入门开发系列"esri-loader"篇(附源码下载)
2023-09-11 14:19:51 时间
基于上篇的介绍,虽然有比较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项目
- create-react-app xxx(你的项目名)
- 运行成功生成的文件目录
- npm start
- 运行成功则会打开
- 安装esri-loader
npm i esri-loader --save
- 代码开发
更多的详情见:GIS之家小专栏
文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波
相关文章
- Django2.0引入css、js、img文件
- JS框架_(JQuery.js)模拟刮奖
- JS框架_(JQuery.js)文章全屏动画切换
- JS框架_(JQuery.js)夜晚天空满天星星闪烁动画
- js中定义配置文件
- baguetteBox.js响应式画廊插件(纯JS)
- 当当网上书店头部和尾部——JS源码
- baguetteBox.js响应式画廊插件(纯JS)
- [Node.js] Polling
- [Nuxt] Update Vuex State with Mutations and MapMutations in Vue.js
- [Immutable.js] Updating nested values with ImmutableJS
- Atitit 研发体系 codelib 代码库的建设 目录 1. 概念与组成2 1.1. Java代码2 1.2. Js代码2 1.3. H5 代码 js+css+htm+txt2 1.4.
- 华为OD机试 - 数字加减游戏(Java & JS & Python)
- 华为OD机试 - 字符串解密(Java & JS & Python)
- 华为OD机试 - 没有回文串(Java & JS & Python)
- 【nodejs原理&源码赏析(7)】【译】Node.js中的事件循环,定时器和process.nextTick
- js多个文件格式的判断并处理方法
- JS:使用Mock.js生成随机数据,拦截 Ajax 请求
- 【JS高级】js之函数、重载、匿名函数、作用域及作用域链_03
- 【JS高级】js之正则相关函数以及正则对象_02
- Node.js fs模块(四)文件可读流
- 前端必备技能知识:JS导出Blob流文件为Excel表格、Vue.js使用Blob的方式实现excel表格的下载(流文件下载)