web-dev-qa-db-ja.com

CSSとjavascriptタグをHAMLに含める簡単な方法

JavaScriptまたはCSSをHAMLに含める場合、通常、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を使用していないことに注意してください。

rubyhaml
15
MarioDS

スクリプトのtype属性は必要なく、html構文を使用できます。

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

必要に応じて、いつでも「ヘルパー」を作成して生成できます。

24
Ven

ヴェンが話していたのは...

# 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"
1
Jesse Dupuy