fix: remove camunda-modeler-webpack-plugin and bundle as ESM

Author: philippfromme

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   presets: [
     '@babel/preset-env',
-    [ '@babel/preset-react', { runtime: 'automatic' } ],
+    [ '@babel/preset-react', { runtime: 'automatic' } ]
   ]
 };

package-lock.json

@@ -32,7 +32,6 @@
     "@testing-library/react": "^16.3.0",
     "babel-loader": "^10.0.0",
     "camunda-bpmn-js": "^5.10.0",
-    "camunda-modeler-webpack-plugin": "^0.2.0",
     "chai": "^4.5.0",
     "css-loader": "^7.1.2",
     "eslint": "^9.31.0",

package.json

@@ -1,26 +1,35 @@
-const CamundaModelerWebpackPlugin = require('camunda-modeler-webpack-plugin');
-
 module.exports = {
   mode: 'production',
   entry: './lib/index.jsx',
   devtool: 'source-map',
   output: {
     filename: 'index.js',
     library: {
-      type: 'umd',
-      export: 'default',
+      type: 'module',
+      export: 'default'
     },
-    globalObject: 'this',
     clean: true
   },
+  experiments: {
+    outputModule: true
+  },
+  externals: {
+    react: 'react',
+    '@carbon/react': '@carbon/react',
+    '@carbon/icons-react': '@carbon/icons-react'
+  },
   resolve: {
     extensions: [ '.js', '.jsx' ]
   },
-  plugins: [
-    new CamundaModelerWebpackPlugin(),
-  ],
   module: {
     rules: [
+      {
+        test: /\.jsx?$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
       {
         test: /\.scss$/,
         use: [
@@ -35,7 +44,7 @@ module.exports = {
           'style-loader',
           'css-loader'
         ]
-      },
+      }
     ]
   },
 };

webpack.config.js

@@ -11,22 +11,16 @@ module.exports = {
   devtool: 'eval',
   devServer: {
     static: path.join(__dirname, 'demo'),
-    open: true,
+    open: true
   },
   module: {
     rules: [
       {
         test: /\.jsx?$/,
         exclude: /node_modules/,
         use: {
-          loader: 'babel-loader',
-          options: {
-            presets: [
-              '@babel/preset-env',
-              '@babel/preset-react',
-            ],
-          },
-        },
+          loader: 'babel-loader'
+        }
       },
       {
         test: /\.scss$/,
@@ -45,16 +39,16 @@ module.exports = {
       },
       {
         test: /\.xml$/i,
-        use: 'raw-loader',
-      },
+        use: 'raw-loader'
+      }
     ]
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: './demo/index.html',
-    }),
+      template: './demo/index.html'
+    })
   ],
   resolve: {
-    extensions: [ '.js', '.jsx' ],
+    extensions: [ '.js', '.jsx' ]
   },
 };