Rails7导入地图-如何将脚本注入HTML模板

Question

在带有webpacker的rails 6中，您可以在视图或模板中抛出<%= javascript_pack_tag 'alerts' %>来注入一些js。

如何使用导入地图和轨道7？

Answer 1

只要代码在导入映射中正确，就可以使用引用它

<script type="module">import "/assets/custom/alerts.js";</script>

假定文件为app/javascript/custom/alerts.js

config/importmap.rb中引用为：

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

并导入到应用程序.js:

import "custom/alerts"

---

编辑：我现在认为这是Rails 7中的一个反模式。相反，使用Stimulus控制器非常容易。

刺激手册供参考

例如，当用户点击"；x〃；

// app/javascript/alerts_controller.js
import { Controller } from "@hotwired/stimulus"
export default class extends Controller {
dismiss () {
this.element.style.display = 'none';
}
}

<div data-controller="alerts">
<h2> Alert! </h2>
<span data-action="click->alerts#dismiss"><i class="fas fa-times"></i></span>
</div>