前言
日常積累,歡迎指正
代碼 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、運行效果
效果圖
打包後目錄結構
模擬線上效果圖