如何使用 Webpacker 而不是资产管道集成 gem？ [导轨 6]

Question

我想使用local_time gem，但根据它的安装说明，它应该包含在资产管道中：

安装

1. 将 gem 'local_time' 添加到您的 Gemfile。

2. 在应用程序的 JavaScript 包中包含 local-time.js。

使用资产管道：

//= require local-time

但是，我正在使用 Webpacker，但我不知道如何将 gem 与它集成。 我应该在哪里包含上面的行？ 还是完全是另一种策略？

Answer 1

我想我成功了。 我从链接中提到的local-time npm package的说明中得到了提示，并将其添加到app\javascript\packs\application.js ，在其他requires之前：

require("local-time").start()

Answer 2

1 解决方法：安装rails-erb-loader，用于在Javascript中嵌入Ruby文件。

$ rails webpacker:安装:erb

// 包/application.js //

然后如果你有一个提供样式表的 gem，你可以按如下方式导入它们

导入“<%= File.join(Gem.loaded_specs['yourgem'].full_gem_path, 'app', 'assets', 'stylesheets', 'yourfile.css') %>";

对于 Ruby gem 和 Javascript，如何导入它们可能会有所不同，但对于许多人来说，它就像从 gem 中导入文件一样简单。

导入“<%= File.join(Gem.loaded_specs['yourgem'].full_gem_path, 'app', 'assets', 'javascripts', 'yourfile') %>";