如何使用 Rails 5.1.0 和 jQuery

How to use Rails 5.1.0 and jQuery

我开始使用 Rails v5.1.0,据我所知,默认情况下没有 jQuery,但是我想安装 jQuery 以与 Zurb Foundation 6 一起使用。

将此设置为基础当前未加载模式的最佳方法是什么?

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

总结:

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

~~~

我今天也遇到了这个问题

this article about using ActionCable with 5.1 I learned that the new way to get JQuery in your app is to use Yarn 中,这是一个 javascript 依赖管理器(想想 Gemfile 和 Bundler,但对于 javascript)。

当您在 Rails 5.1 中创建新应用程序时,您会注意到一个新的可执行文件:bin/yarn。在你的系统上没有安装 yarn 的情况下尝试 运行 这将提供典型的有用 "what to do next" 消息:

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

  • 如果您在 Mac 上使用自制程序,您可以简单地 brew install yarn

  • 如果您在 Windows、choco install yarn 上使用 Chocolatey。

  • 在 Linux 上,通常的“添加一个回购协议并 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 .

您可能还会发现 this link 也很有帮助。这是一篇讨论在 Rails.

中处理 Javascript 依赖项的新想法的文章