SSDM-10944 : NG UI table for ELN prototype - compile Grid component into a single js file to import

openbis_ng_ui/package.json

@@ -71,6 +71,7 @@
   "scripts": {
     "dev": "webpack-dev-server --hot --config webpack.config.dev.js",
     "build": "webpack-cli --config webpack.config.js",
+    "grid": "webpack-cli --config webpack.config.grid.js",
     "unit": "jest",
     "lint": "eslint --ext .js,.jsx src/js srcTest/js",
     "lint:fix": "eslint --ext .js,.jsx src/js srcTest/js --fix",

openbis_ng_ui/src/js/components/common/grid/TestGrid.jsx

+import React from 'react'
+
+class TestGrid extends React.PureComponent {
+  render() {
+    return <div>TestGrid</div>
+  }
+}
+
+export default TestGrid

openbis_ng_ui/src/js/components/common/grid/index.js

+import TestGrid from '@src/js/components/common/grid/TestGrid.jsx'
+
+export default TestGrid

openbis_ng_ui/webpack.config.grid.js

+/* eslint-disable */
+const path = require('path')
+
+module.exports = {
+  entry: './src/js/components/common/grid/index.js',
+  output: {
+    path: __dirname + '/build/js',
+    filename: 'grid.js'
+  },
+
+  mode: 'production',
+
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader'
+        }
+      },
+      {
+        test: /\.(css)$/,
+        use: ['style-loader', 'css-loader']
+      },
+      {
+        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
+        loader: 'url-loader',
+        options: {
+          limit: 10000
+        }
+      }
+    ]
+  },
+
+  resolve: {
+    alias: {
+      '@src': path.resolve(__dirname, 'src/'),
+      '@srcTest': path.resolve(__dirname, 'srcTest/'),
+      '@srcV3': path.resolve(__dirname, 'srcV3/')
+    }
+  }
+}