ActiveAdmin v4 如何通过 importmaps 添加自定义 JS

Question

ActiveAdmin v4 支持导入映射。

如何通过 importmaps 将自定义 JS 添加到 ActiveAdmin？

例如https://github.com/ankane/chartkick

Answer 1

ActiveAdmin v4 有自己的布局，可以通过

bin/rails g active_admin:views

“弹出”后查看/编辑。

在

app/views/active_admin/_html_head.html.erb

中你会发现：

<%= javascript_importmap_tags "active_admin", importmap: ActiveAdmin.importmap %>

这里使用的importmap可以在

config/initializers/active_admin.rb

中编辑：

ActiveAdmin.importmap.draw do
  pin 'chartkick', to: 'chartkick.js'
  pin 'Chart.bundle', to: 'Chart.bundle.js'
end

然后导入

app/assets/javascripts/active_admin.js

:

import "chartkick"
import "Chart.bundle"

最后我必须补充一点：

config/environments/development.rb

Rails.application.configure do
  # ...

  config.assets.debug = true
end