javascript - 如何将自定义 JS 文件添加到新的 rails 7 项目

Question

我创建了新的 rails 7 项目 rails new my_project并且在包含要由 rails 处理的自定义 JS 文件时遇到问题。
我的“javascript/application.js”

import "@hotwired/turbo-rails"
import "controllers"

import "chartkick"
import "Chart.bundle"
import "custom/uni_toggle"

我的自定义 JS 文件:“javascript/custom/uni_toggle.js”

function uniToggleShow() {
    document.querySelectorAll(".uni-toggle").forEach(e => e.classList.remove("hidden"))
}

function uniToggleHide() {
    console.log("uni toggle hide")
    document.querySelectorAll(".uni-toggle").forEach(e => e.classList.add("hidden"))
}

window.uniToggleShow = uniToggleShow
window.uniToggleHide = uniToggleHide

我在我的布局中使用 <%= javascript_importmap_tags %>和我的“confing/importmap.rb”

pin "application", preload: true
pin "@hotwired/turbo-rails", to: "turbo.min.js", preload: true
pin "@hotwired/stimulus", to: "stimulus.min.js", preload: true
pin "@hotwired/stimulus-loading", to: "stimulus-loading.js", preload: true
pin_all_from "app/javascript/controllers", under: "controllers"

Answer 1

看完DHH video我找到了最后一 block 拼图。
为了使我的自定义 JS 代码正常工作，我只是将这一行添加到“confing/importmap.rb”

pin_all_from "app/javascript/custom", under: "custom"