故事书 6，使用模块路径？

Question

是否可以将 storybook 6 配置为使用我的 tsconfig.json 文件中的模块路径来使用 sass-loader（或者如果不可能，则只是复制相同的模式）。

理想情况下，我希望能够使用此选项添加 sass 加载器：

additionalData: `
  @use '@themes' as vars;
  @use '@themes/breakpoints' as bp;
`,

而不是

additionalData: `
  @use '../themes' as vars;
  @use '../themes/breakpoints' as bp;
`,

我的tsconfig.json 文件中有这个部分，它在 .ts 文件中运行良好，但在 sass 文件中显然不起作用：

"paths": {
      "@components/*": ["./components/*"]
    }

如果我可以为主题复制它，那就太棒了。

Answer 1

事实证明这很容易：

在main.js。将以下内容添加到您的 module.exports：

webpackFinal: async (config, { configType }) => {
 config.resolve.alias = {
    ...config.resolve.alias,
    "@themes": path.resolve(__dirname, "../themes/default")
  }
  return config;
}