从另一个文件夹导入 scss 文件

Question

我尝试了几种从另一个目录导入 scss 文件的方法，但都没有用，我是这样组织的：

--style
---pages
------_Home.scss
---utils
------_mixin.scss
------_variables.scss

我觉得应该是这样的（就是_Home.scss）：

@import "..utils/mixin";

我在 Whosebug 中看到过一次像 sass -i --watch 引用的命令，我认为它是通过命令行设置路径，这真的很有帮助，但我没有在文档中看到它。

Answer 1

更正 _pages.scss 文件中的文件路径。

@import "../utils/mixin";

Answer 2

在名为 _index.scss 的 utils 文件夹中创建一个文件在该文件中，键入

@forward "variables";
@forward "mixin";

在您的 _home.scss 文件中，在顶部键入

@use '../utils' as *

您的变量和混入将在 _home 中可用

由于您没有显示所有目录，我会做的是在样式目录中创建一个 main.scss 文件，然后在其中执行此操作

@use "utils/index";
@use "pages/Home";

将 main.scss 文件编译为 css

你的 utils 文件夹应该在 pages 文件夹之前

@Forward 和@use 替换@import

Import scss file from another folder