如何从rails插件加载javascript文件答案

【问题标题】：How to load javascript file from rails plugin如何从rails插件加载javascript文件
【发布时间】：2023-03-18 12:17:01
【问题描述】：

我正在尝试创建一个插件，该插件应该公开一个 javascript 文件，但我无法将它加载到我的 rails 5 应用程序中。

在我的 gem 中，我尝试将名为 my_gem.js 的 javascript 文件添加到

但它们都不起作用。我只是在我的application.js中加载文件时收到此错误消息

couldn't find file 'my_gem' with type 'application/javascript'

这就是我将插件/gem 加载到我的 rails 项目中的方式

gem "my-gem", path: "~/projects/my-gem"

【问题讨论】：

【解决方案1】：

我们有created a gem which utilizes assets before。

您需要在 gem 目录树中创建一个 app/assets/javascripts/my_gem 文件夹，您将在其中放置您的 my_gem.js 文件。

最重要的是，you need to add this file to the asset path（我们使用引擎）：

#lib/my_gem.rb
module MyGem
   class Gem < Rails::Engine
      config.assets.precompile += %w(my_gem/my_gem.js) 
   end
end

这将允许文件单独使用，或作为应用程序的一部分：

#app/assets/javascripts/application.js
//= require my_gem/my_gem

【讨论】：

谢谢！几乎正确。将config.assets.precompile += %w(gem/file.js) 添加到engine.rb 会公开file.js 文件，这意味着应该使用//= require file，而不是//= require gem/file。

【解决方案2】：

你必须告诉 Rails 编译 my_gem.js。您可以在初始化程序、application.rb 或环境文件中执行此操作。

  Rails.application.config.assets.precompile += ["my_gem.js"]

我建议将源文件保存在~/projects/my-gem/app/assets/javascripts/my_gem.js

【讨论】：