Use Webpack

.github/workflows/node.yml

@@ -0,0 +1,27 @@
+name: Node
+
+on:
+  pull_request:
+  push:
+    branches:
+      - master
+
+jobs:
+  build:
+
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        node-version: [12.x]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Use node ${{ matrix.node-version }}
+      uses: actions/setup-node@v1
+      with:
+        node-version: ${{ matrix.node-version }}
+    - name: Install dependencies & build
+      run: |
+        npm ci
+        npm run build --if-present

.gitignore

@@ -47,8 +47,7 @@ build/
 node_modules/
 jspm_packages/
 vendor/
-composer.lock
-package-lock.json
+js/
 
 # Typescript v1 declaration files
 typings/

Makefile

@@ -87,8 +87,9 @@ endif
 .PHONY: npm
 npm:
 	$(npm) install
+	$(npm) run build
 	sed -i.bak 's/L\.Browser\.touch/L.Browser.mobile/g' node_modules/leaflet.elevation/dist/Leaflet.Elevation-0.0.2.min.js && rm node_modules/leaflet.elevation/dist/Leaflet.Elevation-0.0.2.min.js.bak
-	
+
 # Removes the appstore build
 .PHONY: clean
 clean:
@@ -139,6 +140,7 @@ appstore:
 	--exclude=phpunit*xml \
 	--exclude=composer.* \
 	--exclude=js/node_modules \
+	--exclude=node_modules \
 	--exclude=js/tests \
 	--exclude=js/test \
 	--exclude=js/*.log \

babel.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+	plugins: ['@babel/plugin-syntax-dynamic-import'],
+	presets: [
+		[
+			'@babel/preset-env',
+			{
+				"modules": false
+			}
+		]
+	],
+}