Update storybook to use Webpack 5 builder

iddan · Aug 20, 2021 · 8c038d5 · 8c038d5
1 parent f4eb62d
commit 8c038d5
Show file tree

Hide file tree

Showing 3 changed files with 437 additions and 314 deletions.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -1,4 +1,7 @@
 module.exports = {
   stories: ["../src/**/*.stories.@(ts|tsx)"],
   addons: ["@storybook/addon-links", "@storybook/addon-essentials"],
+  core: {
+    builder: "webpack5",
+  },
 };
diff --git a/package.json b/package.json
@@ -36,9 +36,10 @@
     "@storybook/addon-actions": "^6.3.7",
     "@storybook/addon-essentials": "^6.3.7",
     "@storybook/addon-links": "^6.3.7",
-    "@storybook/addon-measure": "^6.4.0-alpha.27",
+    "@storybook/builder-webpack5": "^6.3.7",
     "@storybook/components": "^6.3.7",
     "@storybook/core-events": "^6.3.7",
+    "@storybook/manager-webpack5": "^6.3.7",
     "@storybook/react": "^6.3.7",
     "@storybook/theming": "^6.3.7",
     "@types/jest": "^26.0.15",
@@ -70,7 +71,7 @@
     "ts-jest": "^26.4.4",
     "tslib": "^2.3.1",
     "typescript": "^4.3.5",
-    "webpack": "^5.21.0"
+    "webpack": "^5.51.1"
   },
   "jest": {
     "preset": "ts-jest",