导入"bourbon"在杰基尔设置中不起作用

Question

我正在使用Jekyll创建一个静态网站，并希望使用框架Bourbon来构建我的CSS。

我已经安装了Jekyll，并想安装Bourbon通过添加它到我的Gemfile使用gem 'bourbon'和运行bundle install。

现在，当我将规则@import 'bourbon';添加到我的SCSS文件并开始通过jekyll serve -w运行Jekyll时，它开始了，但是当我修改SCSS文件时，Jekyll监视器抛出一个错误说:

    Regenerating: 1 files at 2014-07-03 10:00:11   `Conversion error: There was an error converting 'css/main.scss'.`
...error:
    Error: File to import not found or unreadable: bourbon. Load path: /Users/mark/Code/markdejong.com/mistermark.github.com.jekyll/_sass
    Error: Run jekyll build --trace for more information.

这里有什么问题?难道不能像这样导入它吗?还是Jekyll不支持?

Answer 1

假设您有一个Gemfile:

source 'https://rubygems.org'
gem 'jekyll'
gem 'bourbon'
gem 'neat'

添加一行到_config.yml

gems: [bourbon, neat]

Jekyll会自动需要这些宝石。

Just do for import:

@import 'bourbon';
@import 'neat';

查看Jekyll文档获取更多信息http://jekyllrb.com/docs/plugins/

Answer 2

你做了吗

bourbon install

为了创建bourbon文件夹?

Bourbon的文档还说，对于非铁路应用程序的导入规则是:

@import 'bourbon/bourbon';

Answer 3

您是否使用require 'bourbon在Ruby级别导入了Bourbon ?
或者在您的Sass配置中?

对于Sass，要使用与RubyGems一起安装的Bourbon，你必须告诉下面的命令(注意参数-r bourbon):

sass -r bourbon -w css:sass

我不认识杰基尔，但这也许是一个线索?