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、運行效果

效果圖
在這裏插入圖片描述
打包後目錄結構

在這裏插入圖片描述

模擬線上效果圖

在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章