webpack - 配置 React Storybook 以尊重 Webpack 的上下文字段以进行相对导入的正确方法是什么？

Question

考虑：

src/
|_ components
  |_ thing // import tool from 'utils' <--- not relative ('../utils'), fancy webpack context/resolve trick
|_ utils/
  |_ tool

webpack 允许您像这样伪造相对导入：

context: path.resolve(__dirname, "src")

这允许您编写所有导入，src/就像它们的别名一样，node_modules而无需手动爬取../../../../../.......

在我的应用程序的 webpack 配置中使用它很容易。

当我尝试在 storybook 的 webpack 配置中使用相同的技巧时，它不会阻塞我棘手的导入，我会收到如下错误：

Error in ./src/components/thing
Module not found: Error: Can't resolve 'utils' in 'src/components/thing'

有什么好的方法可以做到这一点吗？