如何在Rails7中使用importmap图来固定npm、纱线包装？

Question

我非常兴奋地使用Rails7，特别是我们终于摆脱了webpacker。然而，今天当我尝试尝试Rails7时，我已经不知道如何绑定javascript脚本了.那里没有教程，我就是找不到。

例如，我想导入jquery，所以我运行

yarn add jquery

然后我写道：

// application.js
//importmap-rails
import "@hotwired/turbo-rails"
import "controllers"
import jquery from 'jquery'

但是它不起作用，然后我在进口图-rails上读了自述，然后我运行

./bin/importmap pin jquery

然后它在config/importmap.rb中添加了一行

pin "jquery", to: "https://ga.jspm.io/npm:jquery@3.6.0/dist/jquery.js"

然而，它起了作用，但这并不是我所期望的那样。我希望jquery来自于节点_模块/而不是CDN

我怎样才能做到这一点？从纱线/ npm进口我安装的npm包装？或者指出在哪里可以找到关于如何在Rails7中使用javascript的文档？

Answer 1

./bin/importmap pin jquery --download

会下载的。

在Rails中使用JavaScript (关于如何处理JS，但有关导入图的信息很少)

进口图-rails on GitHub (更多关于重要地图的信息)

Answer 2

我相信你可以手动更新你的config/importmap.rb文件

pin "jquery", to: "./node_modules/jquery"

尽管如此，我相信用进口图作出的设计决定可能不包括npm或纱线。我相信进口地图代表了一种处理webpacker/纱线/npm之外的javascript的替代方法。