如何解决 SASS mixin 名称冲突？答案

【问题标题】：How to resolve SASS mixin name conflict?如何解决 SASS mixin 名称冲突？
【发布时间】：2021-06-02 00:00:26
【问题描述】：

假设我有一个文件“_file1.scss”和“_file2.scss”。它们都有一个名为“my-mixin”的mixin。是否可以在“main.scss”文件中导入“_file1.scss”和“_file2.scss”并指明我想从哪个文件中使用mixin？

类似“file1/my-mixin”的东西。

我遇到的问题是我正在使用 SUSY 和“compass/css3”，并且都有一个“columns”mixin。

【问题讨论】：

【解决方案1】：

https://sass-lang.com/documentation/at-rules/use

您可以将要导入的文件路径的最后一部分用作命名空间。

@use '_file1';
@use '_file2';

@include _file1.my-mixin;

或者，您可以自己添加别名：

@use '_file1' as one;
@use '_file2' as two;

@include one.my-mixin;

【讨论】：