私はレール4.2.6からレール5.1にアップグレードしてから、webpackを使い始めました。
webpackを使用するための設定はすべて完了していますが、ActiveAdminページでjavascriptファイルを読み込む方法がわかりません。
ActiveAdminはデフォルトでapp/assets/javascripts/active_admin.js.coffee
を読み込みます。
ActiveAdminページのwebpackにバンドルされているjavascriptファイルをロードする方法はありますか?ActiveAdminはwebpackでjavascriptをバンドルできますか? - Rails 5.1
2
A
答えて
1
Webpackはまだ正式にサポートされていません。私たちが現在使っているアプローチは、Webpackの生成された出力を読み込むためのタグをインクルードするActiveAdmin :: Views :: Headerパッチです。我々の場合には
class ActiveAdmin::Views::Header < Component
def build(namespace, menu)
...
render "application/custom_header_tags"
end
end
当社custom_header_tags.erbはあなたが好むものは何でも統合React On Railsが、代替品を使用しています。
4
私は少し遅れますが、クラスを完全にオーバーライドするのではなく、メソッドをラップするほうがよいと思います。また、サルのパッチをHeader
にすると、divにid="header"
というタグがレンダリングされます。 <head />
でそれらをレンダリングするために、私は次のようでした:
ActiveAdmin::Views::Pages::Base.class_eval do
alias_method :original_build_active_admin_head, :build_active_admin_head
def build_active_admin_head(*args, &block)
original_build_active_admin_head(*args, &block)
within @head do render '/custom_headers' end
end
end
(それは無限ループが生じ開発モードで毎回再ロードされないように)config/initializers
にフォルダをこのファイルを入れて、とapp/views/_custom_headers.html.erb
ファイルを作成しますあなたに必要なものは何でも。
関連する問題
- 1. ActiveAdminとRails 3.1の間でJavaScriptが壊れています
- 2. Railsにバンドルをインストールできません
- 3. webpackにバンドルする際に共通モジュールをバンドルすることはできますか?
- 4. SKTextureAtlasは、 "ホスト"バンドルではなく "my"バンドルからバンドルをロードできますか?
- 5. webpackでangle-permissionをバンドルする
- 6. Rails ActiveAdmin - ユーティリティナビゲーションでcurrent_admin_userを取得しますか?
- 7. Webpackバンドルrequirejs modules
- 8. WebpackはHTMLファイルをバンドルしません
- 9. javascriptはwebpackとインラインにすることができますか?
- 10. Webpackはnode_modulesのnode_modulesをバンドルに含めるようですか?
- 11. webpackバンドルとは別にコンポーネントを読み込む方法javascript?
- 12. Webpack:バンドルなしで外部JSONをロード
- 13. ActiveAdmin Railsの3.1号
- 14. ActiveAdmin 0.4.3 Rails 3.2.3アップグレードエラー
- 15. TinyMCEとActiveAdmin for Rails
- 16. Webpackのバンドルsha3 /バイナリモジュール
- 17. Webpack 1.12:バンドルCSSファイル
- 18. RAILS - ActiveAdminはコメントの削除を無効にしますか?
- 19. ActiveAdminで "after_sign_up_path_for"をどのように上書きできますか?
- 20. エクスプレスサーバでWebpackバンドルを提供 - バンドルを見つけることができません
- 21. Angular2 WebPackデバッグ用のバンドルには永遠にかかります
- 22. ActiveAdminでのArgumentError :: Devise ::セッション#new Rails 4
- 23. webpack 2をバンドルしたサーバーサイドコード
- 24. iOS 5.1でmp4とm4vファイルがバンドルされていません
- 25. どのようにreact-rails react_componentをwebpacker gem rails 5.1で使用しますか?
- 26. webpackバンドルからreactを除外
- 27. webpack-dev-middlewareからバンドルを取得
- 28. Vuejs/Webpackバンドルからjsonファイルを除外
- 29. Webpackバンドルの外部でクラスをインスタンス化する方法は?
- 30. "express" node.jsアプリケーションをバンドルするには? (Webpackで)
どのように修正したのでしょうか? –