SASS @Use 和 webpack 别名...找不到样式表

Question

当我使用 Webpack 别名时，我遇到了 @use 规则的问题。

\n

在部分 theme.scss 中，我尝试使用 style.scss 中的 mixin。

\n

/src/assets/css/_theme.scss\n/components/UI/Button/_style.scss\n/components/UI/Button/main.tsx\n/components/UI/Radio/_style.scss\n/components/UI/Radio/main.tsx\n

\n

这适用于相对路径：

\n

@use '../../components/UI/Button/style' as button;\n

\n

但不能使用如下别名：

\n

@use 'Components/UI/Button';\n@use 'Components/UI/Button/style';\n

\n

在第二种情况下，我收到此错误：

\n

SassError: SassError: Can't find stylesheet to import.\n1 \xe2\x94\x82 @use 'Components/UI/Button';\n

\n

别名已在 tsconfig.json 中声明

\n

"baseUrl": "./",\n"paths": { "Components/*": ["src/components/*/main"] }\n

\n

并在我的 Webpack 配置中使用 TsconfigPathsPlugin ：

\n

resolve: {\n    ...\n    plugins: [new TsconfigPathsPlugin()],\n}\n

\n

我在 sass-loader 中没有找到任何用于特定解析的选项。如何在 saas-loader 中使用别名？

\n