过去几天,我一直在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的想法就是拥有它所以我可以为每个站点指定不同的变量,允许我更改颜色字体等但共享布局样式和功能样式。
答案 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"