feat: 🎸 bundle vtkjs with viewport to reduce build issues (#82)

.webpack/webpack.config.js

@@ -5,6 +5,7 @@ const autoprefixer = require('autoprefixer');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer')
   .BundleAnalyzerPlugin;
 const { CleanWebpackPlugin } = require('clean-webpack-plugin');
+const externalConfig = require('./webpack.external.config').default;
 
 const ENTRY_VTK_EXT = path.join(__dirname, './../src/index.js');
 const SRC_PATH = path.join(__dirname, './../src');
@@ -33,6 +34,7 @@ module.exports = (env, argv) => {
     },
     module: {
       rules: [
+        ...externalConfig.moduleRules,
         {
           test: /\.(js|jsx)$/,
           exclude: /node_modules/,
@@ -59,7 +61,6 @@ module.exports = (env, argv) => {
     },
     externals: [
       // :wave:
-      /\b(vtk.js)/,
       // Used to build/load metadata
       {
         'cornerstone-core': {

.webpack/webpack.external.config.js

@@ -0,0 +1,52 @@
+// Configurations to support some packages with any sort of missing bundle configuration
+
+// Configure vtk rules
+function configureVtkRules() {
+  return [
+    {
+      issuer: /vtk\.js\//,
+      test: /\.glsl$/i,
+      loader: 'shader-loader',
+    },
+    {
+      issuer: /vtk\.js\//,
+      test: /\.css$/,
+      exclude: /\.module\.css$/,
+      use: [
+        { loader: 'style-loader' },
+        { loader: 'css-loader' },
+        { loader: 'postcss-loader' },
+      ],
+    },
+    {
+      issuer: /vtk\.js\//,
+      test: /\.module\.css$/,
+      use: [
+        { loader: 'style-loader' },
+        {
+          loader: 'css-loader',
+          options: {
+            localIdentName: '[name]-[local]_[sha512:hash:base64:5]',
+            modules: true,
+          },
+        },
+        { loader: 'postcss-loader' },
+      ],
+    },
+    {
+      issuer: /vtk\.js\//,
+      test: /\.svg$/,
+      use: [{ loader: 'raw-loader' }],
+    },
+    {
+      issuer: /vtk\.js\//,
+      test: /\.worker\.js$/,
+      use: [
+        { loader: 'worker-loader', options: { inline: true, fallback: false } },
+      ],
+    },
+  ];
+}
+exports.default = {
+  moduleRules: configureVtkRules(),
+};