有没有办法将960和指南针与萌芽芯一起使用？

问题描述

| 有没有办法做到这一点？我知道Compass可以用在萌芽区中，但我也想使用960罗盘插件。我在app.css中尝试了dong import \“ 960 / grid \”，但是它总是抛出错误     

解决方法

        好吧，有一种方法可以工作，但是我不确定是否有更干净的解决方案。我只是用萌芽核心1.6和车把模板设置了一个测试项目

 # sc-init MyTest --template

并在apps / MyTest / resources / stylesheets中添加了一个附加的“ test_960.scss”文件，内容如下

 @import \"960/grid\";

 $ninesixty_columns: 16;

 #wrapper {
      @include grid_container;
      background-color: red;
 }

但是，这不起作用，因为sc-server无法检测到960罗盘插件。如果您正在运行带有-v标志的sc-server以获取调试输出，则可以轻松地发现这一点。您会发现这样的异常

 Sass::SyntaxError: File to import not found or unreadable: 960/grid.
 Load paths:
      /Users/myuser/.rvm/gems/ruby-1.9.2-p180/gems/compass 0.11.3/frameworks/blueprint/stylesheets
      /Users/myuser/.rvm/gems/ruby-1.9.2-p180/gems/compass-0.11.3/frameworks/compass/stylesheets
      Compass::SpriteImporter
      [...]

问题是960罗盘插件未安装在gems / compass 0.11.3 / frameworks中，而是安装在gems / compass-960-plugin-0.10.3中。您可以执行的操作是在框架目录中创建一个符号链接，如下所示

 # cd gems/compass 0.11.3/frameworks
 # ln -s ../../compass-960-plugin-0.10.3 960

停止并重新启动sc-server，以上示例将立即运行。 我不知道这对其他基于罗盘的应用程序是否有不良影响。如前所述，它适用于萌芽核心，但我没有时间进一步测试它。这也适用于其他插件。此外，在构建最终应用程序时，我没有测试它是否也可以正确编译。