如何使用Rails 5.1.0和jQuery

我开始使用Rails v5.1.0,我理解这里没有jQuery作为默认值,但是想安装jQuery来与Zurb Foundation 6一起使用。

设置此基础的最佳方法是什么?目前没有加载模态?

摘要:

  • 安装纱线
  • yarn add jquery
  • 将jquery添加到application.js清单文件中

~~~

我今天也遇到了这个问题。

在这篇关于将ActionCable与5.1一起使用的文章中,我了解到在您的应用程序中获取JQuery的新方法是使用Yarn ,它是一个javascript依赖管理器(Think Gemfile和Bundler但是对于javascript)。

在Rails 5.1中创建新应用程序时,您会注意到一个新的可执行文件: bin/yarn 。 尝试在没有安装纱线的情况下运行此系统将提供典型的有用“下一步做什么”消息:

Download Yarn at https://yarnpkg.com/en/docs/install

  • 如果你在Mac上使用自制软件,你可以简单地brew install yarn

  • 如果你在Windows上使用Chocolatey, choco install yarn

  • 在Linux上,通常的“添加repo和sudo apt-get install yarn适用。我会让你漫步到文档页面以获取详细信息。

一旦你了解了,你可以做到:

 yarn add jquery 

这会将jquery添加到.js依赖文件: package.json 。 这有点像你的应用程序的“Javascript Gemfile”,而Yarn是你的“Bundler”。

现在您已经将jquery添加到项目中,您可以按常规方式将其包含在清单中。

 //= require jquery //= require rails-ujs //= require turbolinks //= require bootstrap //= require_tree . 

您也可以发现此链接也很有用。 这篇文章讨论了在Rails中处理Javascript依赖关系的新思路。

通过从app/assets/javascripts/application.js删除包含//= require jquery的行,从javascript清单文件中删除默认的jQuery,然后添加您的jquery版本。 您可以在app/assets/javascripts添加jQuery文件,它将自动获取或使用CDN版本。