如何在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 %>

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