How To Execute Custom Javascript Functions In Rails 6

With the arrival of Webpacker to Ruby On Rails, I can't find a way to use my JavaScript functions. I have a file called app-globals.js with a function to test: function alerts() {

Solution 1:

There is a workaround, though. You can:

change the function signatures from:

function myFunction() { ... }

to:

window.myFunction = function() { ... }

So in your code we can do like below :-

app/javascript/packs/app-globals.jswindow.alerts = function() {
    alert ("TEST");
}

and then require this file to application.js :-

app/javascript/packs/application.js

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

require("@rails/activestorage").start()
require("channels")
require("jquery")

import $ from 'jquery'
window.jQuery = $;
window.$ = $;require("packs/app-globals") ## require your file