如何在 app.html.eex Phoenix 中包含多个 JS 和 CSS 文件

Question

我在 Phoenix 中使用 VueCLI3，并切换到 webpack4 的 SplitChunk 特性。通过它过去我只创建了 1 个 app.js 和 app.css 文件，但在启用 splitChunk 功能后现在几乎有 5 个 CSS 文件和 10 个 js 文件。

全部放在/priv/static/js和/priv/static/css.

我一直在使用它来包含单个 CSS 和 JS 文件，例如

<script type="text/javascript" src="<%= Routes.static_path(@conn, "/js/app.js") %>"></script>

如何遍历所有 JS 文件并一次包含它们？

Answer 1

在我看来，你可以这样做：

<%= for file <- Path.wildcard("../priv/static/js/*.js") do %>
    <script type="text/javascript" src="<%= Routes.static_path(@conn, file) %>"></script>
<% end %>

但我确实有一种直觉，这里可能存在比这更大的问题。感觉很老套。

如何在 app.html.eex Phoenix 中包含多个 JS 和 CSS 文件

How to include multiple JS and CSS files in app.html.eex Phoenix

elixir

phoenix-framework

vue-cli-3