arcgis-webpack-plugin 使用
前言
日常积累,欢迎指正
代码 2019 年 6 月份左右已提交至 gitHub ,这里为补充说明
1、正文
ArcGIS API for js 在现代前端框架中的使用本身需要借助 esri-loader 来实现,同时现代前端框架的使用大多数都是使用 webpack 作为打包工具,但 webpack 想要处理 ArcGIS API 也是不能直接实现的,但不处理的话就意味着需要将几十上百兆的 API 源文件直接放到线上环境,这对网页效率肯定是不友好的。
arcgis-webpack-plugin 就是 Esri 提供用于解决 webpack 处理 ArcGIS API 问题的一个插件。
关于 arcgis-webpack-plugin 的使用 demo 官网也有提供如 jsapi-webpack,但是这个 demo 当时没有在我的本地运行起来,于是参考已有实现结合自己的项目情况又实现了一版,即 arcgis-webpack-ArcGISPlugin,印象中这版 demo 的实现过程中遇到过不少问题但时间过去有些久已经忘记了。
配置细节大家直接查看源代码即可,代码本地可运行,希望有用。
2、运行效果
效果图
打包后目录结构
模拟线上效果图