如何通过 Yarn 将 JS 插件添加到 Rails 6 应用程序答案

【问题标题】：How to add JS plugin via Yarn to Rails 6 app如何通过 Yarn 将 JS 插件添加到 Rails 6 应用程序
【发布时间】：2021-09-13 20:35:24
【问题描述】：

我有一个 Rails 6 应用程序，并且已经添加了一些使用 yarn 和 webpacker 的插件。但始终由教程指导。

现在我想添加这个：

yarn add @types/waitme

插件已下载到 node_modules/@tpyes/waitme

现在使插件工作的下一步是什么？我知道我必须将它包含在我的 application.js 中，但我想了解它是如何工作的。

现在我的 application.js 看起来像这样：

import Rails from "@rails/ujs"
import * as ActiveStorage from "@rails/activestorage"
import "channels"
import "bootstrap"
import "../stylesheets/application"
import Swal from 'sweetalert2';

Rails.start()
ActiveStorage.start()

$(function() {
})

我使用import，但接下来呢？

【问题讨论】：

标签： javascript ruby-on-rails webpack yarnpkg ruby-on-rails-6

【解决方案1】：

这是一个类型定义，而不是一个库；您需要将库与定义一起安装。

npm install --save waitme

然后像使用任何 jquery 插件一样使用该插件。

$('#elem').waitMe({})

【讨论】：