如何在 Visual Studio 中将 scss 文件从一个项目导入另一个项目

Question

我在使用 VS 的 Task Runner 运行的 Gulp 任务编译的 Visual Studio (2019) 中的项目之间共享 scss 文件时遇到问题。

我有一个使用 MVC 区域的 ASP.NET Core (2.2) 网站。每个区域都位于不同的 Razor 类库项目中。区域大多是独立的，但它们确实共享一些样式，例如样式标题、控件、颜色、规范化等。我有一个由所有 RCL 共享的类库。基本控制器、ViewModel 实现等。我也将共享的 scss 文件放在那里。我将特定于 RCL 的 scss 文件放在它们应该去的地方，并指示任务运行程序执行 gulp 任务，该任务将在构建之前为该 RCL 编译 scss 文件。然后将生成的 css 设置为始终复制到发布目录，效果很好。

RCL 结构：

- Areas
- Styles
--- main.scss
--- _partial1.scss
--- ...
--- _partialN.scss
--- _shared-"add as link".scss from elsewhere
- wwwroot / css / generated-css-goes-here.css

main.scss 内容：

@import "shared-dependency1";
...
@import "shared-dependencyN";

@import "partial1";
...
@import "partialN";

我希望这会奏效，但我得到了：

events.js:173
      throw er; // Unhandled 'error' event
      ^
Error: Styles\main.scss
Error: File to import not found or unreadable: _colors.scss.
        on line 2 of Styles/main.scss
>> @import "_colors.scss";

因此，链接共享文件似乎不起作用。在我尝试一些神秘的方法来获取我的共享文件之前，我决定在这里向你们提出一个问题，以防有人已经解决了这个问题并愿意分享。

Answer 1

我意识到我真的不需要为链接共享文件而烦恼。我选择使用到实际位置的相对路径并且它有效。如果有人有更好的解决方案，请随时评论/添加另一个答案。

RCL 中的 main.scss：

@import "../../Common/Styles/colors";
...

RCL 中的_partialX.scss：

/// <reference path="../../Common/Styles/colors" />
...