无法正确导入 grunt-contrib答案

【问题标题】：can't get grunt-contrib less to import properly无法正确导入 grunt-contrib
【发布时间】：2014-01-14 17:19:01
【问题描述】：

我下面的少了

.signature-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  position: absolute;
  **.opacity(.6);**
}

以及我的 grunt 文件中的以下内容...

less: {
  development: {
    options: {
  paths: ["default/less","default/less/bootstrap"]
    },
    files: {
      "css/less.css": ['less/*.less']
    }
  }
}

以及在 default/less/bootstrap/mixins.less 中声明的不透明度

.opacity(@opacity) {
  opacity: @opacity;
  // IE8 filter
  @opacity-ie: (@opacity * 100);
  filter: ~"alpha(opacity=@{opacity-ie})";
}

但是当我运行 grunt 我得到...

Running "less:development" (less) task
>> NameError: .opacity is undefined in less/sigature.less on line 61, column 5:
>> 60     position: absolute;
>> 61     .opacity(.6);
>> 62   }
Warning: Error compiling less/signature.less Us
--force to continue.

【问题讨论】：

你是否包含了 mixins.less？

标签： less gruntjs

【解决方案1】：

问题是您需要像这样包含 mixins.less：

@import "bootstrap/mixins.less"; //I don't know you folder organizations

//..code...

.signature-overlay {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  position: absolute;
  .opacity(.6);
}

【讨论】：

这应该已经在 core.less 中完成了，这是一个不同的 less 文件。这是否意味着我应该只编译核心而不是编译所有内容？
完全尝试只编译核心文件@Jackie

【解决方案2】：

上一个答案让我走上了正确的道路。我不需要构建所有内容，而是指向包含导入的单个 Less 文件。这似乎使它起作用。

【讨论】：