如何在外部样式表中使用 Mixin LESS

Question

我有一个关于在不同样式表中使用 less mixin 的问题。

我有 2 张初始样式：reset.less 和 styleguide.less

我想知道如何在 styleguide.less 标题中定义一个 mixin。

而重置只是使用它。

示例：

**styleguide.less**

    .title() {
      text-decoration: underline;
    }


**reset.less**

    .h1 {
      .title();
    }

Answer 1

您必须将具有该 mixin 的文件导入 reset.less。

如果您想开始使用共享的混音，那么您很可能想要创建一个混音文件，然后导入到您需要的地方。

我在所有导入的文件前加上下划线，例如 _mixins.less。

然后将这个文件导入reset.less:

@import: path/to/_mixins.less;

How to use Mixin LESS in external style sheets