如何在 Gulp 中正确安装和设置 Neat？答案

【问题标题】：How to install and set up Neat in Gulp correctly?如何在 Gulp 中正确安装和设置 Neat？
【发布时间】：2017-08-14 16:02:08
【问题描述】：

Bourbon 和 Normalize 有效，Neat 没有。我尝试了不同的方法，但总是收到一条消息“no mixine named..”，虽然我是在 NPM 和 Bower 的帮助下安装的，但它没有正确建立

var neat = require('node-neat').includePaths;

.pipe(sass({
      includePaths: [bourbon, normalize, neat],
      outputStyle: 'compressed'}).on('error', sass.logError))

收到一条消息：

Error: no mixin named span-columns
       Backtrace:
        src/style/main.sass:6
        on line 6 of src/style/main.sass
>>   @include span-columns(4);
   -----------^

当我写入 sass 文件时

+outer-container or +span-columns()

但我看到了它们是如何使用的..

【问题讨论】：

不清楚这里的问题是什么。此外，您应该将相关代码的文本放入问题的正文中。没有人愿意从图像中读取代码。
+grid-container 有效，所以 Neat 也有效）外部容器和 span-columns 呢？我看到了它们是如何使用的..
不要在 cmets 中放入更新； update问题的正文。
您使用的是整洁的 2.0 吗？他们在新版本中删除了很多 mixin。如果是，请参考neat.bourbon.io/docs/latest 获取最新文档
你能确认你安装的是哪个整洁的版本吗？这些mixin（span-columns，outer-countainer）来自之前版本的整洁（1.x），所以如果你不想改变它，你需要安装旧的整洁版本。

标签： installation gulp neat

【解决方案1】：

看来您正在混合 Neat 的版本。检查您的版本，因为许多 mixin 已更改或重命名。例如，1.X 中的主列 mixin 是 span-columns，但 2.X 中是 grid-column。

您可以在package.json 文件中指定要使用的版本。

如果您仍然遇到问题，请查看https://github.com/thoughtbot/gulp-bourbon-neat-example，这是一个使用波旁威士忌和整洁的工作 gulp 项目

【讨论】：