build(Storybook): Upgrade to WebPack 5

Royal-Navy · Jun 7, 2021 · 5f9a46d · 5f9a46d
1 parent 13d5a94
commit 5f9a46d
Show file tree

Hide file tree

Showing 3 changed files with 594 additions and 49 deletions.
diff --git a/packages/react-component-library/.storybook/main.js b/packages/react-component-library/.storybook/main.js
@@ -12,4 +12,18 @@ module.exports = {
     '@storybook/addon-a11y',
     '@storybook/addon-actions',
   ],
+  core: {
+    builder: 'webpack5',
+  },
+  webpackFinal: (config) => {
+    config.resolve = {
+      ...config.resolve,
+      alias: {
+        ...config.resolve.alias,
+        stream: require.resolve('stream-browserify'),
+      },
+    }
+
+    return config
+  },
 }
diff --git a/packages/react-component-library/package.json b/packages/react-component-library/package.json
@@ -77,6 +77,8 @@
     "@storybook/addon-storyshots": "^6.2.8",
     "@storybook/addon-storyshots-puppeteer": "^6.2.8",
     "@storybook/addons": "^6.2.8",
+    "@storybook/builder-webpack5": "^6.3.0-beta.16",
+    "@storybook/manager-webpack5": "^6.3.0-beta.16",
     "@storybook/preset-scss": "^1.0.2",
     "@storybook/react": "^6.2.8",
     "@svgr/webpack": "^5.4.0",
@@ -143,6 +145,7 @@
     "sass": "^1.25.0",
     "sass-loader": "^10.0.4",
     "source-map-loader": "^1.1.2",
+    "stream-browserify": "^3.0.0",
     "style-loader": "^2.0.0",
     "styled-components": "^5.2.0",
     "timezone-mock": "^1.1.3",