如何从 gem 资产中覆盖单个文件以获取资产：预编译？

Question

情况

我使用带有自己的 JavaScript 和样式表资产的 gem。此 gem 使用标准的 application.js 和 application.css 清单来要求其所有资产：

[gem]/app/assets/javascripts/gem_name/application.js
  require_tree .

[gem]/app/assets/javascripts/gem_name/backoffice/menu.js
  … some JavaScript code …

[gem]/app/assets/javascripts/gem_name/backoffice/forms.js
  … some JavaScript code …

在开发模式下，我可以通过将单个资产文件放在 [my_app]/app/assets 文件夹中来覆盖它们，例如：

[my_app]/app/assets/javascripts/gem_name/backoffice/menu.js

然后在 Rails 中配置的加载路径确保 [my_app]/app/assets 中的文件覆盖 [gem]/app/assets 中的文件。

但是当我使用 rake assets:precompile 预编译资产时，覆盖文件 menu.js 不会替换 gem 中的原始文件。编译后的application.js 包含来自原始menu.js 的代码。

演示

查看此测试应用的实际行为：https://github.com/widescape/AssetCompileTest

注意事项

到目前为止，我发现require_tree在当前文件的目录中只查找文件，不查找多个加载路径（例如app/资产或供应商/资产）。因此，如果当前文件是 [gem]/app/assets/javascripts/gem_name/application.js，Sprockets#require_tree 只会在 [gem]/app/assets/javascripts/gem_name/ 中查找更多文件，并且不会使用其他加载路径，例如 [my_app]/app/assets/…。

我不愿意将所有资产文件从 gem 复制到我的应用程序/资产中，只是为了覆盖一个文件。并且 fork gem 来自定义单个文件也没有太大的吸引力。

还有其他方法吗？

注意：我知道我可以创建一个自定义 JavaScript 文件 menu_patched.js，它会覆盖原始文件中定义的对象和方法并将其放置，以便在原始文件之前应用其定义对象和方法被调用（猴子修补 JavaScript 风格）。但我在这里寻找更清洁的解决方案。

Answer 1

在您在on GitHub 发布的演示代码中，您的 application.js 具有：

//= require any_gem

这并没有引入目录，它引入了any_gem.js，这是Gem 的清单文件，它引入了所有 Gem 的JS 文件。如果您不想要所有文件，那么您需要通过明确列出它们来更改它以仅引入您想要的文件：

//= require ../../../vendor/assets/javascripts/any_gem/do_not_override.js

然后您可以添加回您自己的所有 JS 文件，包括您的覆盖，使用：

//= require_tree .

顺便说一句，在创建演示应用方面做得很好！你是孩子们的榜样。

Answer 2

在application.rb 或production.rb 中，您可以预先或附加更多资产路径。

config.assets.prepend_path 'vendor/assets/jquery'
config.assets.append_path 'vendor/assets/something'

参考资料：

• sprockets/railtie source code
• Sprockets: Manipulating the Load Path