Zenn
🐥

Viteで複数エントリーポイント設定

2024/09/19に公開
Rails
Vite
tech

RailsでViteを使って以下の記述でビルドしようとしたところできなかったのでメモ。

<!DOCTYPE html>
<html>
  <head>
    <title>App</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <%= vite_client_tag %>
    <%= vite_javascript_tag 'home/top' %>
  </head>

  <body>
    <div id="app"></div>
    <h1>topページ</h1>
  </body>
</html>

解決策

<%= vite_javascript_tag 'home/top' %>ではなく<%= vite_javascript_tag 'home_top' %>にするだけ。
viteではネストされてもentrypoints直下しか見に行かないらしい。
homeのディレクトリからhome_topに置換してentrypoints直下に配置して解決。

参考

Discussion