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

Question

我在凤凰城内使用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 %>

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