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

Posted 2023-02-22

【中文标题】故事书 6，使用模块路径？

【英文标题】：Storybook 6, use module paths?

【发布时间】：2021-02-11 03:03:26

【问题描述】：

是否可以将 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/*"]
    

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

【参考方案1】：

事实证明这很容易：

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

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