如何在 Rails 6 应用程序中包含来自旧 Gem 的 Javascript 和 CSS?

问题描述

当我使用的 gem 尚未更新为使用 Webpack 时,我只是不确定如何添加 javascript 和 CSS。我真的很喜欢这个树视图 gem,the_sortable_tree,但是,我无法让它在 Rails 6 中工作,因为它没有更新。我很高兴亲自更新它,但我不是 Ruby gems 工作方式的大师——尤其是现在与 Webpack(er) 混合使用。无论如何,关于我需要做什么以利用 Rails 6 做事方式并将遗留 gem 代码导入我的 Rails 6 应用程序的任何想法?

the_sortable_treedocumentation 中,它说要将这些添加到您的 application.js 文件中:

//= require jquery
//= require jquery-ui
//= require jquery_ujs

但我已经使用 yarn 添加了那些,所以我认为它们应该很好。

然后文档说要为可排序树 UI 添加代码

//= require the_sortable_tree/jquery.ui.nestedSortable
//= require the_sortable_tree/sortable_ui/base

// with Turbolinks
$ ->
  TheSortableTree.sortableuI.init()

// with Turbolinks
$(document).on "ready page:load",->
  TheSortableTree.sortableuI.init()

有一对一的翻译吗?还是必须由 gem 开发人员/创建者实施所需的更改?

CSS 怎么样?文档说要将其添加application.css:

*= require tree
*= require sortable_tree
*= require nested_options

*= the_sortable_tree/sortable_ui/base

Rails 6 中是否有等价物?此处的路径似乎无法访问。

如果您能提供任何帮助,我们将不胜感激。如果我在使用这个 gem 时不走运,那就这样吧,但我只是想了解一下这一切是如何工作的,因为 Webpack(er) 似乎与许多 gem 的旧做事方式背道而驰好像还在用。

谢谢。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)