test with esm

Signed-off-by: ravi_kumar_pilla <[email protected]>
kedro-org · Feb 6, 2025 · 508beaa · 508beaa
1 parent 0485f45
commit 508beaa
Show file tree

Hide file tree

Showing 7 changed files with 66 additions and 50 deletions.
diff --git a/demo-project/viz_jupyter_test.ipynb b/demo-project/viz_jupyter_test.ipynb
diff --git a/esm/c54c291378db909c0f7c.worker.js b/esm/c54c291378db909c0f7c.worker.js
diff --git a/esm/d1fbb23f3ade3692e5ec.worker.js b/esm/d1fbb23f3ade3692e5ec.worker.js
diff --git a/...54c291378db909c0f7c.worker.js.LICENSE.txt → ...1fbb23f3ade3692e5ec.worker.js.LICENSE.txt b/...54c291378db909c0f7c.worker.js.LICENSE.txt → ...1fbb23f3ade3692e5ec.worker.js.LICENSE.txt
diff --git a/esm/kedro-viz.production.mjs b/esm/kedro-viz.production.mjs
diff --git a/package/kedro_viz/launchers/notebook_visualizer.py b/package/kedro_viz/launchers/notebook_visualizer.py
@@ -77,7 +77,7 @@ def show(self, pipeline: Pipeline, catalog: DataCatalog = None, options: Dict[st
                 import React from "react";
                 import { createRoot } from "react-dom/client";
                 import lodash from "lodash";
-                import KedroViz from "http://localhost:8003/kedro-viz.production.mjs"; 
+                import KedroViz from "http://localhost:8003/kedro-viz.production.min.mjs"; 
                 
                 const viz_container = document.getElementById('kedro-viz-""" + unique_id + """');
                         

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,10 +1,10 @@
 const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
 
-// Bundle and inline web-workers
 module.exports = {
-  mode: 'production', // Production mode
+  mode: 'production', // Ensures optimizations for production by default
   entry: {
-    "kedro-viz": './src/components/app/index', // Entry point for KedroViz
+    "kedro-viz": './src/components/app/index',
   },
   output: {
     path: path.resolve(__dirname, 'esm'),
@@ -43,4 +43,19 @@ module.exports = {
       },
     ],
   },
+  optimization: {
+    minimize: true,
+    minimizer: [
+      new TerserPlugin({
+        terserOptions: {
+          compress: {
+            drop_console: true, // Removes console logs
+          },
+          output: {
+            comments: false, // Remove comments
+          },
+        },
+      }),
+    ],
+  },
 };