esri-jsapi-build
是面向 ES6 的适用于 ArcGIS API for JavaScript (JSAPI) 打包工具,它可以将常规JSAPI应用程序打包成文件大小小、性能更优的应用程序。
安装
npm install --save-dev esri-jsapi-build
使用方式
在项目的根目录下创建一个 esri-bundle.js
文件,使用以下代码:
-- -------------------- ---- ------- ------ ---------- ---- -------------- ------ --------- ---- ------------------- ----- ------- - - ---- ------------------------------ ---- ----- -- ------------------------------------ --------------------- -- - ----- --- - --- ----- -------- -------------- --- ----------------- -- ----- --- ------------
然后在 package.json
的 scripts
中添加以下内容:
{ … "scripts": { "start": "npm run build && node server.js", "build": "esri-jsapi-build --src esri-bundle.js --out esri-bundle.min.js" }, … }
运行 npm run build
命令,它将生成一个给定路径的打包后的代码。
打包的输出一般是 dist/
目录,你可以指定一个不同的输出目录,通过 --out
选项更改输出路径:
esri-jsapi-build --src esri-bundle.js --out dist/esri-bundle.min.js”
示例代码
-- -------------------- ---- ------- ------ ---------- ---- -------------- ------ --------- ---- ------------------- ----- ------- - - ---- ------------------------------ ---- ----- -- ------------------------------------ --------------------- -- - ----- --- - --- ----- -------- -------------- --- ----------------- -- ----- --- ------------
总结
使用 esri-jsapi-build
可以让你更好地控制你的应用程序大小和性能。通过使用该工具,你可以在保证功能的同时提高应用程序性能、减小 bundle 的文件大小。
因此,我们建议使用它来避免出现大量的额外冗余代码,同时提高 WebGIS 应用程序的性能,让用户获得更好的体验。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005551181e8991b448d2457