elixir - 将 CSS 文件添加到 Phoenix

Question

我在布局文件夹中添加了一个 navbar.html.eex，这个模板是从 app.html.eex <%= render "navbar.html", conn: @conn, current_user: @current_user %> 渲染的

在 app.css 中:

@import 'navbar.css';

它应该指向我的文件:assets/css/navbar.css

但是文件没有加载，在我的浏览器控制台中我得到:GET http://localhost:4000/css/navbar.css net::ERR_ABORTED出现 404 错误。

我来自 Rails 世界，这就是我以前的做法，但也许在 Phoenix 有另一种方法。我找不到关于在 Phoenix 管理 css 文件的好文档，所以如果有人有一些读物要推荐!我将不胜感激!

Answer 1

Phoenix 使用Brunch构建您的 Assets 。默认情况下，它会将您的 /web/static/assets/ 目录中的所有内容复制到 /priv/static。查看 Phoenix Static Assets文档以获取更多信息。

更新 - Phoenix 1.6 版

请参阅此 SO 帖子以获取更新版本:add CSS files to Phoenix