demos: add esbuild bundler

simon04 · simon04 · commit 2e0553fe5f75 · 2020-10-28T20:56:50.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,4 @@
 bundle.js
-demo-rollup/package-lock.json
-demo-webpack/package-lock.json
+demo-*/package-lock.json
 dist/
 node_modules/
diff --git a/demo-esbuild/README.md b/demo-esbuild/README.md
@@ -0,0 +1,8 @@
+# leaflet-control-geocoder-demo-esbuild
+
+This demo demonstrates the usage of leaflet-control-geocoder using the [esbuild](https://github.com/evanw/esbuild) bundler.
+
+1. `cd demo-esbuild/`
+2. `npm install`
+3. `npm run build`
+4. `xdg-open index.html` or open `index.html` in your browser
diff --git a/demo-esbuild/index.html b/demo-esbuild/index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Leaflet Control Geocoder</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="./dist/main.css" />
+  </head>
+  <body>
+    <div id="map" style="width: 600px; height: 400px;"></div>
+    <script src="./dist/main.js"></script>
+  </body>
+</html>
diff --git a/demo-esbuild/main.js b/demo-esbuild/main.js
@@ -0,0 +1,14 @@
+import L from 'leaflet';
+import 'leaflet-control-geocoder';
+
+import 'leaflet/dist/leaflet.css';
+import 'leaflet-control-geocoder/dist/Control.Geocoder.css';
+
+var map = L.map('map').setView([0, 0], 2);
+L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
+  attribution: '&copy; <a href="https://osm.org/copyright">OpenStreetMap</a> contributors'
+}).addTo(map);
+
+L.Control.geocoder({
+  geocoder: L.Control.Geocoder.nominatim()
+}).addTo(map);
diff --git a/demo-esbuild/package.json b/demo-esbuild/package.json
@@ -0,0 +1,14 @@
+{
+  "name": "leaflet-control-geocoder-demo-esbuild",
+  "private": true,
+  "scripts": {
+    "build": "esbuild --bundle --loader:.gif=file --loader:.png=file --outdir=dist/ main.js"
+  },
+  "dependencies": {
+    "leaflet": "^1.5.1",
+    "leaflet-control-geocoder": "^1.8.0"
+  },
+  "devDependencies": {
+    "esbuild": "^0.8.0"
+  }
+}
diff --git a/package.json b/package.json
@@ -6,10 +6,11 @@
   "module": "src/index.js",
   "scripts": {
     "prepare": "npm run build",
-    "build": "npm run build:js && npm run build:css && npm run build:img && npm run build:demo-rollup && npm run build:demo-webpack",
+    "build": "npm run build:js && npm run build:css && npm run build:img && npm run build:demo-esbuild && npm run build:demo-rollup && npm run build:demo-webpack",
     "build:js": "rollup -c",
     "build:css": "cpr Control.Geocoder.css dist/Control.Geocoder.css --overwrite",
     "build:img": "cpr images/ dist/images/ --overwrite",
+    "build:demo-esbuild": "cd demo-esbuild && npm install && npm run build",
     "build:demo-rollup": "cd demo-rollup && npm install && npm run build",
     "build:demo-webpack": "cd demo-rollup && npm install && npm run build",
     "test": "npm run test:karma -- --single-run && npm run lint",
