Как включить несколько файлов JS и CSS в app.html.eex Phoenix

#elixir #phoenix-framework #vue-cli-3

#elixir #phoenix-framework #vue-cli-3

Вопрос:

Я использую VueCLI3 в Phoenix и переключился на SplitChunk функцию webpack4. С помощью которого в прошлом я создавал только 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 и включать их сразу?

Ответ №1:

На мой взгляд, вы могли бы сделать что-то вроде:

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

Но у меня есть внутреннее ощущение, что здесь может быть проблема посерьезнее, чем эта. Это кажется хакерским.