故事书6,使用模块路径吗?

时间:2020-10-28 17:19:21

标签: reactjs typescript webkit storybook sass-loader

是否可以将故事书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 个答案:

答案 0 :(得分:0)

结果很简单:

main.js

。将以下内容添加到module.exports中:

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