当前位置：文江博客话题详情

如何在一个不在 RoR 上运行的小项目中将 HAML 文件自动编译为 HTML 文件？

发布于 2024-10-31 17:16:48 字数 630 浏览 12 评论 0原文

我今天才开始使用 compass 和 haml。虽然我非常熟悉 sass 的工作方式，并且了解 compass 对于 sass 的作用以及如何使用它，但我'在有效使用 haml 方面，我们遇到了一些障碍。

当然，我希望这里有人已经知道我的问题的答案，并且可以帮助我快速入门 haml。

这是我想要完成的任务：保存 HAML 文件时自动编译它们。

然而，该项目只是一个很小的静态站点（几个页面），用于构建模板集，以便稍后集成到 ExpressionEngine CMS（基于 php 的解决方案）中。

因此请记住，我自己使用 HAML 只是为了加速最初的“设计为 HTML/CSS”过程，将我的 HAML 文件自动编译为 HTML 的好方法是什么，基本上可以为我提供一个 haml 手表我可以在我的项目上运行的命令？

有没有类似的东西？

至于我运行的平台，我有一台运行 OS X 10.6.6 的 Mac。

感谢您的阅读，任何想法、建议、帮助将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

慕巷 2024-11-07 17:16:48

谢谢@Jacob 和@Jonathan，我最终没有使用你们的方法，而是使用中间人，因此回答了我自己的问题。

对于那些阅读本文的人主题有一个类似的问题，我如此喜欢 middleman 的原因是它有效地将我的整个工作流程整合到 1 个迷你服务器应用程序中。
在目录中使用 mm-ini project_name 和 mm-server 我可以立即访问 Compass、HAML 和 SASS，并且可以随时将其简单地输出为纯 html给定时间。

以下是有关 middleman 的更多信息：http://middlemanapp.com/

Staticmatic 和 Nanoc也做 HAML，但据我所知，它们并不“开箱即用”支持 Compass (SASS) 编译，这对某些人来说可能是一个好处，但对我来说却不是。

再次感谢您的回答，但这就是我最终选择遵循的答案。

回复收藏 0 原文

北恋 2024-11-07 17:16:48

如果您安装了 Ruby，则可以使用 watchr gem。

借助一个不错的脚本，我在这里找到了您可以启动一个进程来识别 haml 文件的任何更改。

在下面你可以找到我定制的 watchr.rb

def compile_haml
  %x[haml index.haml index.html]
end

def do_growl(message)
  growlnotify = `which growlnotify`.chomp
  title = "Watchr Message"
  passed = message.include?('0 failures, 0 errors')
  image = passed ? "~/.watchr_images/passed.png" : "~/.watchr_images/failed.png"
  severity = passed ? "-1" : "1"
  options = "-w -n Watchr --image '#{File.expand_path(image)}'"
  options << " -m '#{message}' '#{title}' -p #{severity}"
  system %(#{growlnotify} #{options} &)
end

do_growl "Watching folders and waiting for changes..."

watch(".*\.haml$") { |x|
  compile_haml
  do_growl "Compiled HAML!"
}

如果你没有安装咆哮就离开那部分

If you have Ruby installed you could use the watchr gem.

With the help of a little nice script that I found here you can start a process that recognizes any changes to your haml file.

Beneath you can find my customized watchr.rb

def compile_haml
  %x[haml index.haml index.html]
end

def do_growl(message)
  growlnotify = `which growlnotify`.chomp
  title = "Watchr Message"
  passed = message.include?('0 failures, 0 errors')
  image = passed ? "~/.watchr_images/passed.png" : "~/.watchr_images/failed.png"
  severity = passed ? "-1" : "1"
  options = "-w -n Watchr --image '#{File.expand_path(image)}'"
  options << " -m '#{message}' '#{title}' -p #{severity}"
  system %(#{growlnotify} #{options} &)
end

do_growl "Watching folders and waiting for changes..."

watch(".*\.haml$") { |x|
  compile_haml
  do_growl "Compiled HAML!"
}

If you do not have growl installed just leave that part away

回复收藏 0 原文

顾铮苏瑾 2024-11-07 17:16:48

我发现 StaticMatic 非常适合在 HAML 中构建静态网站。

回复收藏 0 原文

柳若烟 2024-11-07 17:16:48

也许您需要更多的手册，但您始终可以安装 fs-events gem 并执行以下操作类似于

require 'rb-fsevent'
require "open3"

include Open3

fsevent = FSEvent.new
fsevent.watch Dir.pwd do |directories|
  puts "Detected change inside: #{directories.inspect}"
  popen3('haml',
         '..parameters..',
         '..parameters..') do |stdin, stdout, stderr|
    stdout.read.split("\n").each do |line|
      puts line
    end
  end
end
fsevent.run

使用directories对象中的值来调用更改文件上的haml可执行文件。

Maybee a bit more manual that you'd like, but you could always install the fs-events gem and do something along the lines of

require 'rb-fsevent'
require "open3"

include Open3

fsevent = FSEvent.new
fsevent.watch Dir.pwd do |directories|
  puts "Detected change inside: #{directories.inspect}"
  popen3('haml',
         '..parameters..',
         '..parameters..') do |stdin, stdout, stderr|
    stdout.read.split("\n").each do |line|
      puts line
    end
  end
end
fsevent.run

using values in the directoriesobject to call the hamlexecutable on changed files.

回复收藏 0 原文

回忆躺在深渊里 2024-11-07 17:16:48

尽管您显然已经找到了所需的内容，但我仍然会发布另一种方法，因为中间人可能不是适合每个人的完美解决方案。
我的方法是使用 Rake。我编写了一个简单的 rakefile，其中包括一个“监视”任务，每当文件更改时，该任务都会重新编译我的 sass （或 compass）和 haml 文件。另外，它会重新加载浏览器预览:)（我不知道中间人是否可以做到这一点）。

rakefile 位于 github 上： https://gist.github.com/1635301/

回复收藏 0 原文