rails:importmap

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- rails:importmap [2024/10/27 04:15] – nullpon
+++ rails:importmap [2024/10/27 11:23] (現在) – nullpon
@@ 行 1: / 行 1: @@
 <markdown>
-# rails importmap
+# importmap-rails
 rails 7から採用された新しいJSアセット管理
 ## 初期化
+Gemfileに追加
+```
++ gem "importmap-rails"
+```
+gemインストール
+```
+bundle install
+```
+importmapを使うための設定など諸々を追加
 ```
@@ 行 30: / 行 44: @@
 ```
+※ 未確認だがadminという名前は避けた方がいいかもしれない
 またconfig/import.rbに以下の記述を追加する(デフォルトのapplication.jsのPINは最初から記述されているはず)
@@ 行 47: / 行 62: @@
 Rails.start();
 ```
+## npmライブラリの追加
+例えばlodashを追加
+```
+./bin/importmap pin lodash
+```
+vendor/javascript以下にインストールされ、config/importmap.rbに追加される。あと使いたい場所でimportする。例えばapp/javascripts/application.jsに追加する
+```
+import _ from 'lodash';
+```
 </markdown>

rails/importmap.1730002542.txt.gz · 最終更新: 2024/10/27 04:15 by nullpon