首页 > 解决方案 > 如何在 Visual Studio 中使用多个 SCSS 文件的引用路径来利用 Intellisense,而无需将其添加到每个文件中?

问题描述

在 Visual Studio 中,您可以在 .scss 文件中使用以下语法在 SASS/SCSS 文件中包含引用路径:

/// <reference path="vars.scss" />

这对于为 SASS 变量和 mixin 提供智能感知非常有帮助。现在我必须手动为每个 SASS 文件添加一个引用路径才能获得这个好处。

有没有办法为您的 sass 文件定义“全局”参考路径,您可以在其中定义一次路径,以便它在所有 sass 文件中都可用?

我遇到了一个问题,我想从各种包中引用多个 SASS 文件,但又不想为每个 SASS 文件添加多个引用路径。

另一方面:有人知道<reference path="">Visual Studio的文档在哪里吗?

标签: visual-studiosassintellisensevisual-studio-2019tooling

解决方案


我遇到了一个问题,我想从各种包中引用多个 SASS 文件,但确实希望必须为每个 SASS 文件添加多个引用路径。

我认为您可以定义一个名为的全局文件_references.scss,然后将所有引用的 scss 文件放入其中。此文件必须位于Css项目根目录中您命名的文件夹中。

然后像这样添加到_references.scss

/// <reference path="vars.scss" />
/// <reference path="content.scss />
/// <reference path="background.scss" />

当您想使用它时,只需引用唯一的全局文件即可_reference.scss

希望它可以帮助你。


推荐阅读