如何在外部样式表中使用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，那么你很可能想要创建一个你需要的导入的mixins文件。

我在所有导入文件之前加上_mixins.less这样的下划线。

然后将此文件导入reset.less：

@import: path/to/_mixins.less;