如何正确地将 javascript 库添加到我的 rails 应用程序

Question

我想在我的 rails 应用程序中包含 waypoints.js 和 counterup.js，但我似乎无法弄清楚将它们放在哪里以及如何要求它们。目前我在 vendor/assets/javascripts.

中有两个 .js 文件

然后我尝试从我的 application.js 中请求它们，但我收到 sprockets::filenotfound 错误。

Application.js :

//= require jquery3
//= require jquery.turbolinks
//= require counterup
//= require waypoints
//= require popper
//= require bootstrap-sprockets
//= require jquery_ujs
//= require_tree .
//= require turbolinks

我是否正确地将它们放在 vendor/assets 中？
我如何正确地'require'他们？
谢谢

Answer 1

首先检查此类库是否已经存在任何类型的gems。如果不是，我通常会将其放入 app/assets/javascripts 并将其作为普通脚本包含在 application.js 中。

也许创建一个像 app/assets/javascripts/src 之类的特殊文件夹来保存所有第三方库会稍微好一些

Answer 2

第三方库应该添加到 vendor/javascript 而不是 app/assets/javascripts

然后在 app/javascript/application.js 中添加行

//= require FILENAME

获得howler.js的真实例子。获取 howler.js 文件并将其放入 vendor/javascript

然后将行 //= require howler 添加到 app/javascript/application.js

这里有一个解释这个的视频video explanation adding third party js libraries

如何正确地将 javascript 库添加到我的 rails 应用程序

How to correctly add javascript libraries to my rails app

ruby-on-rails

asset-pipeline