SASS&指南针监视导入失败

时间:2013-12-12 22:27:20

标签: sass compass-sass

过去几天,我一直在Mac OSX上与SASS和指南针挣扎。

我的设置如下(这是我能做的准确)

我只做了1个网站,但是在proxysite1.com下有大约40个具有相同结构的网站

/库/ Web服务器/文件

/WebProxy-Network
  /Global_Assets
     /_alerts.scss
     /_badges.scss
     /_breadcrumbs.scss
     /_button-groups.scss
     /_buttons.scss
     /_carousel.scss
     /_close.scss
     /_code.scss
     /_dropdowns.scss
     /_forms.scss
     /_grid.scss
     /_labels.scss
     /_print.scss
     /_bootstrap.scss (all the files above import into this one and will use shared by all the sites)
  /Asia
  /USA
  /EU
  /UK
   /www.proxysite1.com
         /scss
            _variables.scss
            _overrides.scss
            styles.scss (this imports _sass-bootstrap.scss, _variables.scss & overrides.scss)
         /css
            styles.css (ok so this should be the FINAL output unique for each site)
         /js
         /images
         /index.inc.php
         /index.php
         /config.rb

在我的config.rb中,我有以下设置:

# Require any additional compass plugins here.

load "../../Global_Assets/Bootstrap3"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"

现在在我的/ scss文件夹文件styles.scss

我有以下内容:

// Site Overrides
@import "overrides";

// Site Variables
@import "variables";

// Bootstrap3 SASS Framework
@import "bootstrap";

是的,这需要一段时间,但我想得到一些关于我出错的好建议;)

现在我通过终端访问此路径

/Library/WebServer/Documents/WebProxy-Network/UK/www.proxysite1.com/

并运行命令“compass watch”我收到以下消息:

Ants-MacBook-Pro:www.antproxy.com Ant$ compass watch
>>> Change detected at 10:17:28 to: styles.scss
error scss/styles.scss (Line 24: File to import not found or unreadable: sass-bootstrap. 
Load paths:
/Library/WebServer/Documents/WebProxy-Network/UK/www.antproxy.com/scss
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/blueprint/stylesheets
/Library/Ruby/Gems/1.8/gems/compass-0.12.2/frameworks/compass/stylesheets
Compass::SpriteImporter)
overwrite css/styles.css 
>>> Compass is watching for changes. Press Ctrl-C to Stop.

所以希望这是足够的信息,可以很好地了解我出错的地方,希望它已经清楚了,我正走在正确的道路上:)

BTW的想法就是拥有它所以我可以为每个站点指定不同的变量,允许我更改颜色字体等但共享布局样式和功能样式。

1 个答案:

答案 0 :(得分:0)

(我会将此作为评论发布,但我没有特权。)

我怀疑你的帖子中可能有一些错误,因为在“www.proxysite1.com”目录中运行“指南针监视”,而config.rb文件在“assets”中不起作用指南针无法找到配置,并假设没有指南针项目存在。

无论你怎么包括Bootstrap 3?

如果你还没有使用它,我会建议尝试托马斯麦克唐纳的bootstrap-sass。可在此处获取:https://github.com/thomas-mcdonald/bootstrap-sass

更新:

为什么你这样包括Bootstrap 3?

// Bootstrap3 SASS Framework
@import "sass-bootstrap";

如果你在config.rb(包括下面)中包含了正确的require语句,那么你应该可以像这个伙伴一样导入它:

// Bootstrap3 SASS Framework
@import "bootstrap";

在config.rb中,你应该把它放在顶部:

# Require any additional compass plugins here.
require 'bootstrap-sass'

load "../../Global_Assets"