使用 HAML 包含 CSS 和 javascript 标签的快捷方式答案

【问题标题】：Short way to include CSS and javascript tags with HAML使用 HAML 包含 CSS 和 javascript 标签的快捷方式
【发布时间】：2013-04-26 07:00:48
【问题描述】：

在 HAML 中包含 javascript 或 CSS 时，通常必须执行以下操作才能包含 CSS：

%link{:type => "text/css", :rel => "stylesheet", :href => "/css/mycss.css"}

对于 javascript：

%script{:type => "text/javascript", :src => "/js/myscript.js"}

我想知道 HAML 是否没有包含这些标签的简短方法（当然是从源获取内容，而不是内联），这省略了 type 和 rel 属性的需要，因为这些是无论如何都是不变的。

请注意，Ruby on Rails 通过函数提供此功能，但我没有使用 rails。

【问题讨论】：

标签： ruby haml

【解决方案1】：

不需要脚本的type属性，使用html语法即可

%script(src="/js/myscript.js")

如果你愿意，你总是可以创建一个“助手”来生成它

【讨论】：

【解决方案2】：

我认为文所说的可能是……

# For CSS files...
def styletag(:sheet_name)
  "<link rel='stylesheet' href='/styles/#{:sheet_name}.css'>"
end

# For js files...
def jstag(:script_name)
  "<script src='/js/#{:script_name}.js'></script>"
end

然后，在您的模板中，您可以像这样使用它们：

- styletag "mystyles"
- jstag "myscript"

【讨论】：