ruby-on-rails - 在 Rails 6 上添加外部 js 文件

Question

我在app->javascript->packs下创建了一个名为“custom”的文件夹，并放置以下外部js:

• metisMenu.min.js
• startmin.js

然后在 app->javascript->packs->application.js 下我需要上面提到的 js 插件:

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("custom/metisMenu.min").start()
require("custom/startmin").start()
require("channels")


import 'bootstrap'
import './stylesheets/application.scss'

不幸的是，这仍然不起作用。知道我做错了什么吗？

由于 Rails 6 使用了 webpacker，因此可以将所有自定义 css 放在 app->javascript->packs->stylesheets (文件夹)下而不是放在 asset->stylesheets 上吗？

Answer 1

您的文件夹结构需要如下所示:

app/javascript/packs/application.js

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

require("custom")

app/javascript/custom/index.js

require("myScript")
require("mySecondScript")

例如，myScript.js 和 mySecondScript.js 文件将位于同一文件夹中，即 app/javascript/custom .