javascript - 在 Ruby on Rails 应用程序中使用 javascript 插件

Question

我正在尝试在 Ruby on Rails 应用程序中使用 Uppy 插件，这是一个用于上传图像的插件。

基本功能通过 CDN bundle 运行，我对此没有任何问题，这工作得很好。当我需要使用 Uppy 的其他插件时，就会出现问题。

导入这些是通过使用 require 完成的。例如:

const AwsS3 = require('@uppy/aws-s3')
const ms = require('ms')

如何将它们包含在 Rails 项目中？

对 this 的答复问题建议在 Rails 项目中使用 npm init ，但这似乎非常激进。有没有一种更简单的方法来包含 JavaScript 库，例如 Rails 项目中提到的库？

Answer 1

如果您想模仿 CDN 的行为，您可以将 javascript 文件添加到 vendor/assets/javascripts文件夹。然后，您可以在 application.js 中手动请求这些文件:

//= require uppy-1.2.3.min.js
//= require uppy-aws.js
//= require uppy-stuff.js

这完全避免了 NPM。

如果您想通过 NPM 管理事物，您需要:

1. 运行npm init在项目的根目录中
2. 将 node_modules 添加到您的 .git_ignore
3. 运行npm install --save PACKAGE_NAME为您提供所有需要的软件包
4. 添加Rails.application.config.assets.paths << Rails.root.join('node_modules')到您的应用程序配置，最有可能在app/config/initializers/assets.rb中
5. 在application.js中添加所需包的完整路径，即//= require @uppy/core/src/index.js

仅当软件包具有随发行版打包的预构建版本时，此功能才有效。这通常位于 dist 文件夹而不是 src 文件夹中