如何在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之前為該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" />
...