时间戳

首页 > 解决方案 > 如何在 app.html.eex Phoenix 中包含多个 JS 和 CSS 文件

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

问题描述

我VueCLI3在 Phoenix 中使用，并切换到SplitChunkwebpack4 的功能。通过它过去我只创建了 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 文件并立即包含它们？

标签： elixirphoenix-frameworkvue-cli-3

解决方案

在我的脑海中，你可以做这样的事情：

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

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

推荐阅读