{"library":"require-context.macro","title":"require-context.macro","description":"A Babel Macro that replicates Webpack's require.context() for use in Storybook and other non-Webpack environments. Current stable version is 1.2.2. The package is maintained by the Storybook team and depends on babel-plugin-macros. Key differentiator: it allows using require.context() syntax in Storybook config files without Webpack, enabling automatic file importing for stories. The macro follows symlinks and supports req.resolve(key). Ships TypeScript definitions. Compatible with Storybook 3 and 4.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install require-context.macro"],"cli":null},"imports":["import requireContext from 'require-context.macro'","import requireContext from 'require-context.macro'; const req = requireContext('./dir', true, /\\.stories\\.js$/)","const req = requireContext('./dir', true, /\\.stories\\.js$/); const key = req.resolve('./file.stories.js')"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// .storybook/config.js\nimport { configure } from '@storybook/react';\nimport requireContext from 'require-context.macro';\nimport '../src/index.css';\nconst req = requireContext('../src/components', true, /\\.stories\\.js$/);\nfunction loadStories() {\n  req.keys().forEach((filename) => req(filename));\n}\nconfigure(loadStories, module);","lang":"javascript","description":"Shows how to use require-context.macro to load stories dynamically in Storybook config.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}