将样式或js脚本附加到phoenix模板中的布局

【问题标题】：Append style or js script to layout in phoenix template将样式或js脚本附加到phoenix模板中的布局
【发布时间】：2016-12-08 01:20:31
【问题描述】：

使用 Phoenix 模板，我想将 css 和 js 脚本附加到当前页面布局头部。

查看 phoenix 文档，我没有找到任何关于此的内容。

这将有助于我为每个页面使用最少的 css 和 js，而不是一个庞大的 css 和一个 js 文件。

【问题讨论】：

blog.diacode.com/…
这里介绍的方式主要依赖于JS。我认为凤凰城有一些东西可以做到这一点。
所以您希望将<script src="page-specific.js"></script> 添加到您通过控制器操作传递"page-specific.js" 的各个页面？你在吃早午餐吗？

标签： javascript css templates elixir phoenix-framework

【解决方案1】：

每个 Phoenix 项目都有自己的布局文件-/web/views/layout_view.ex 来处理它作为视图和布局模板-/web/templates/layout/app.html.eex。

我不太确定，这是您所要求的，但要在布局中附加您的 css 或 js 文件，只需添加以下行：

# CSS
<link rel="stylesheet" href="<%= static_path(@conn, "/css/<your_css>.css") %>">

# JS
<script src="<%= static_path(@conn, "/js/app.js") %>"></script>

其中static_path 默认指向/web/static/。

您也可以在控制器中更改布局：

plug :put_layout, "MyLayout.html"

【讨论】：