Unclear how to use multiple JS asset files in order

[csuhta]

Using the assets plugin, how are we intended to use JS files together that need to be run in a particular order?

For example, if I have this:

assets/
  js/
    views/
      scriptA.js
      scriptB.js
    main.js

In development, I want the view files to be run on the page before the code in main.js, either as separate <script> tags or concatenated ahead of the code in main.js

In production with asset precompilation, I want the view files to be concatenated ahead of the code in main.js before it's minified

This is easier with Sass since Sass files can @import each other in the correct order

In Sprockets I would use the //= require directive to assemble the final frontend JS files.

Note: This is for a project that is not strictly using import { … } from … on all pieces of JS.

[jeremyevans]

You would pass an array of filenames as the :js option:

plugin :assets, js: %w[views/scriptA.js views/scriptB.js main.js]

This is mentioned in the plugin's documentation in the Usage section, but maybe it could be better documented.