chore: build using webpack

Author: nikku

.babelrc

@@ -1 +1 @@
-dist/
+public

.eslintignore

@@ -1,3 +1,3 @@
 .DS_Store
 node_modules
-dist
+public

.gitignore

@@ -11,9 +11,10 @@
     "lint": "eslint .",
     "auto-test": "npm test -- --auto-watch --no-single-run",
     "test": "karma start",
-    "bundle": "grunt build",
-    "dev": "grunt auto-build",
-    "all": "run-s lint test bundle"
+    "build": "webpack",
+    "start": "run-s build serve",
+    "dev": "run-p \"build -- --watch\" serve",
+    "serve": "sirv public --dev"
   },
   "keywords": [
     "bpmnjs-example"
@@ -30,30 +31,23 @@
   ],
   "license": "MIT",
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-preset-env": "^1.6.1",
     "chai": "^4.3.10",
+    "copy-webpack-plugin": "^11.0.0",
     "eslint": "^4.18.1",
     "eslint-plugin-bpmn-io": "^0.4.1",
-    "grunt": "~0.4.4",
-    "grunt-browserify": "^4.0.0",
-    "grunt-cli": "^1.2.0",
-    "grunt-contrib-connect": "~0.11.2",
-    "grunt-contrib-copy": "~0.8.1",
-    "grunt-contrib-watch": "~0.6.1",
     "karma": "^6.4.2",
     "karma-chai": "^0.1.0",
     "karma-chrome-launcher": "^3.2.0",
     "karma-firefox-launcher": "^2.1.2",
     "karma-mocha": "^2.0.1",
     "karma-webpack": "^5.0.0",
-    "load-grunt-tasks": "~3.2.0",
     "mocha": "^10.2.0",
     "mocha-test-container-support": "^0.2.0",
-    "npm-run-all": "^4.1.2",
+    "npm-run-all": "^4.1.5",
     "puppeteer": "^21.5.0",
-    "time-grunt": "^0.3.2",
-    "webpack": "^5.89.0"
+    "sirv-cli": "^2.0.2",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4"
   },
   "dependencies": {
     "bpmn-js": "^3.2.2",

Gruntfile.js

@@ -0,0 +1,53 @@
+const CopyPlugin = require('copy-webpack-plugin');
+
+const path = require('path');
+
+const basePath = '.';
+
+const absoluteBasePath = path.resolve(path.join(__dirname, basePath));
+
+module.exports = {
+  mode: 'development',
+  entry: './app/index.js',
+  output: {
+    path: path.resolve(__dirname, 'public'),
+    filename: 'index.js'
+  },
+  devtool: 'source-map',
+  module: {
+    rules: [
+      {
+        test: /\.less$/i,
+        use: [
+          // compiles Less to CSS
+          "style-loader",
+          "css-loader",
+          "less-loader",
+        ],
+      },
+      {
+        test: /\.bpmn$/,
+        type: 'asset/source'
+      }
+    ]
+  },
+  resolve: {
+    mainFields: [
+      'browser',
+      'module',
+      'main'
+    ],
+    modules: [
+      'node_modules',
+      absoluteBasePath
+    ]
+  },
+  plugins: [
+    new CopyPlugin({
+      patterns: [
+        { from: 'app/index.html', to: '.' },
+        { from: 'node_modules/bpmn-js/dist/assets', to: 'vendor/bpmn-js/assets' }
+      ]
+    })
+  ]
+};