主页 / user-1371145

dthegnome's questions

Martin Hope
dthegnome
Asked: 2024-12-21 05:43:44 +0800 CST
  • 9

我在管理 npm 包时遇到了麻烦importmap-rails。我理想情况下希望它能像 yarn 一样运行，它可以跟踪版本、依赖项并使用类似 的命令为您下载所有内容yarn install。

但似乎importmap-rails只有在您固定某些内容时才会使用 cdn。这是真的吗？或者它可以使用类似 yarn 的命令下载软件包及其依赖项吗？

如果做不到这一点，我可以使用importmap-railsyarn 作为包管理器吗？我尝试使用 underscore.js，但遇到了一些问题。

  1. 运行yarn add underscore，发现它已正确下载，然后添加node_modules到资产路径中，以便propshaft知道importmap-rails去那里查看：
config/application.rb
config.assets.paths << Rails.root.join('node_modules')

然后固定下划线文件夹：

# config/importmap.rb
pin_all_from 'node_modules/underscore', under: 'underscore'

然后导入我需要的功能：

// from a custom js file
import debounce from 'underscore/modules/debounce';

运行./bin/importmap json显示找到了debounce.js文件：

{
  "imports": {
    "application": "/assets/application-bd82d6ab.js",
    "underscore/amd/_baseCreate": "/assets/underscore/amd/_baseCreate-7eccab16.js",
    "underscore/amd/_baseIteratee": "/assets/underscore/amd/_baseIteratee-5f781255.js",
    "underscore/amd/_cb": "/assets/underscore/amd/_cb-dd403ec6.js",
    "underscore/amd/_chainResult": "/assets/underscore/amd/_chainResult-4b98e265.js",
    "underscore/amd/_collectNonEnumProps": "/assets/underscore/amd/_collectNonEnumProps-ed4c206f.
...
    "underscore/modules/debounce": "/assets/underscore/modules/debounce-decaec4e.js",

在浏览器中，我没有收到 debounce.js 的任何错误，它被指纹识别并被发现，但在该文件内部，它使用相对路径导入其他函数，这导致了 404 错误。此外，对 underscore 中的每个文件都发出了 get 请求，这也不好。

15:41:34 web.1  | Completed 200 OK in 5482ms (Views: 2431.0ms | ActiveRecord: 557.1ms (24 queries, 6 cached) | GC: 368.1ms)
15:41:34 web.1  | 
15:41:34 web.1  | 
15:41:34 web.1  | Started GET "/assets/underscore/amd/_baseCreate-7eccab16.js" for ::1 at 2024-12-20 15:41:34 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_baseIteratee-5f781255.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_cb-dd403ec6.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_chainResult-4b98e265.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_collectNonEnumProps-ed4c206f.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:35 web.1  | Started GET "/assets/underscore/amd/_createAssigner-aa588b74.js" for ::1 at 2024-12-20 15:41:35 -0500
15:41:36 web.1  | Started GET "/assets/underscore/amd/_createEscaper-3ea6026c.js" for ::1 at 2024-12-20 15:41:36 -0500
15:41:36 web.1  | Started GET "/assets/underscore/amd/_createPredicateIndexFinder-f577fa32.js" for ::1 at 2024-12-20 15:41:36 -0500
...


debounce-decaec4e.js:1 
GET http://localhost:3000/assets/underscore/modules/restArguments.js 404 (Not Found)

debounce-decaec4e.js:2 
GET http://localhost:3000/assets/underscore/modules/now.js net::ERR_ABORTED 404 (Not Found)

debounce-decaec4e.js
import restArguments from './restArguments.js';
import now from './now.js';

那么，我可以将 importmap-rails 与 yarn 一起使用，或者代替 yarn 使用 npm 包吗？

我在 Google 上搜索并梳理了文档，只有这个简短的描述： https://github.com/rails/importmap-rails/blob/main/README.md#using-npm-packages-via-javascript-cdns

为了补充背景信息，我刚刚将我们的 rails 7 应用更新到了 rails 8，所以我们刚刚从 sprockets、yarn、webpacker 换到了带有 importmap-rails 的 propshaft。很高兴没有 webpacker，但缺少了 yarn 功能。

ruby-on-rails