在RhoMobile Studio中包含LESS / SASS框架

Question

如何在Rhomobile应用程序中包含LESS或SASS css框架？ 我希望应用程序识别.less或.css.scss文件，使用mixins和媒体查询。 我怎么能实现那个？感谢。

更新 安装sass gem并运行rake文件中创建的任务后，我的原始css文件没有被执行，我在控制台输出中得到了这个：

CMD：vcbuild / M4 rhodes.sln“发布| Win32” * rake aborted！ * 没有此类文件或目录 - vcbuild

Answer 1

在编译之前，您需要对其进行预处理并转换为CSS。这可以创建另一个rake任务来预处理你的SCSS文件，生成CSS输出，最后调用实际的rhodes编译任务。

更新：

您可以通过安装SASS gem（gem install sass）并将其添加到Rakefile的末尾来执行此操作：

task :compile_scss_and_run do
  Dir.chdir $app_path do
    system "scss --update public\\css\\*.scss"
  end
  Rake::Task["run:win32"].invoke
end

请使用您用于编译Rhodes应用程序的任务更改“run：win32”。 之后，只需在命令行上运行：rake compile_scss_and_run。

在layout.erb文件中，您必须引用* .css文件而不是原件* .scss。