UNPKG

@storybook/react-webpack5

Version:

Storybook for React and Webpack: Develop, document, and test UI components in isolation

36 lines (32 loc) 1.5 kB
import CJS_COMPAT_NODE_URL_u1qsuvs0d from 'node:url'; import CJS_COMPAT_NODE_PATH_u1qsuvs0d from 'node:path'; import CJS_COMPAT_NODE_MODULE_u1qsuvs0d from "node:module"; var __filename = CJS_COMPAT_NODE_URL_u1qsuvs0d.fileURLToPath(import.meta.url); var __dirname = CJS_COMPAT_NODE_PATH_u1qsuvs0d.dirname(__filename); var require = CJS_COMPAT_NODE_MODULE_u1qsuvs0d.createRequire(import.meta.url); // ------------------------------------------------------------ // end of CJS compatibility banner, injected by Storybook's esbuild configuration // ------------------------------------------------------------ // src/preset.ts import { fileURLToPath } from "node:url"; import { WebpackDefinePlugin } from "@storybook/builder-webpack5"; var addons = [ fileURLToPath(import.meta.resolve("@storybook/preset-react-webpack")) ], core = { builder: import.meta.resolve("@storybook/builder-webpack5"), renderer: import.meta.resolve("@storybook/react/preset") }, webpack = async (config, options) => (config.resolve = config.resolve || {}, config.resolve.alias = { ...config.resolve?.alias, "@storybook/react": fileURLToPath(import.meta.resolve("@storybook/react")) }, options.features?.developmentModeForBuild && (config.plugins = [ // @ts-expect-error Ignore this error, because in the `webpack` preset the user actually hasn't defined a config yet. ...config.plugins, new WebpackDefinePlugin({ NODE_ENV: JSON.stringify("development") }) ]), config); export { addons, core, webpack };