我有这样的布局:
@@ layouts/v2.html.ep
<html lang="en">
<head>
%= content_for 'stylesheets'
</head>
<body>
%= include 'layouts/v2/header'
<main class="main">
%= include 'layouts/v2/menu'
<div class="content">
%= content
</div>
</main>
</body>
</html>
@@ layouts/v2/menu
% content_for stylesheets => begin
%= stylesheet 'v2/css/menu.css'
% end
<aside class="menu">
...
</aside>
@@ layouts/v2/header
% content_for stylesheets => begin
%= stylesheet 'v2/css/header.css'
% end
<header class="header">
...
</header>
Run Code Online (Sandbox Code Playgroud)
这里当包含模板时,我包括他们的样式表.在模板中注意这一点:
% content_for stylesheets => begin
%= stylesheet 'v2/css/menu.css'
% end
Run Code Online (Sandbox Code Playgroud)
但是这样做太晚了,因为<head>已经渲染了.
解决这个问题,我可以%= content_for 'stylesheets'从<head>页面的底部移动.但我希望首先加载样式表. …