将JS链接添加到Application.js文件

时间:2019-02-01 16:49:17

标签: jquery ruby-on-rails ruby-on-rails-5 asset-pipeline

Application.js文件

// ** Standard Rails 5 files **
//= require rails-ujs
//= require activestorage
//= require turbolinks
//
// ** Bootstrap JS files **
//= require jquery3
//= require popper
//= require bootstrap-sprockets

我想在我的Rails应用程序中添加一个jQuery插件https://github.com/gdsmith/jquery.easing。我希望将链接添加到CDN链接,而不是直接引用文件。

1)如何在上面的代码中添加指向CDN文件的链接?

2)如果我还有另一个文件,即App / assets / vendor / vendor_name / vendor.js,如何在上面的文件中引用它?

//=require /assets/vendor/vendor_name/vendor 

没有用。

1 个答案:

答案 0 :(得分:2)

如果要链接到CDN,只需进入views/layout/application.html.erb,然后使用常规的<link>标签将链接添加到CDN

另一种方法是简单地转到浏览器中的CDN链接,复制js代码,然后在Rails中的assets/javascript/your_file_name.js中创建一个文件,然后将代码粘贴到其中,如果您使用的是require tree .它会自动被拾取。我个人不喜欢require树,所以我将它们单独包含在内。 (请注意,这意味着您将需要手动对库进行任何更新。)

供应商文件夹自动包括在该资产路径,你应该能够简单地引用它相对于供应商目录中。

例如//=require vendor_name/vendor

注意:如果rails找不到文件,它将在错误屏幕上向您显示它所查找的所有位置,其中之一将是供应商路径,然后您可以算出需要提供的其他路径进入您的文件。

希望这会有所帮助