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

Posted 2023-02-16

【中文标题】如何通过 Yarn 将 JS 插件添加到 Rails 6 应用程序

【英文标题】：How to add JS plugin via Yarn to Rails 6 app

【发布时间】：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，但接下来呢？

【参考方案1】：

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

npm install --save waitme

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

$('#elem').waitMe()