如何从播放后端动态加载 javascript 文件到浏览器？

Question

Essentially what I'm looking to do is to have a server store a bunch of assets in a folder structure such as

asset
  |
  folder1
     - test1.js
     - test2.js
  folder2
     - test3.js

and be able to return this entire folder tree and the minimized js code via a REST endpoint that can be called by a javscript front end. Ie, GET /dependencies should return all these files and have them be available to be used in client-side javascript files.

ie Some file being served up in the front-end might need to use what's inside test1.js .

How could I go about doing this? The backend is completely java so I'm not entirely sure how to serve up full folders full of javascript to be able for the front-end to use. Would I just copy all the files as plaintext, send it over and enclose it in the front end with <script></script> tags?

Would a solution such as the one provided in Loading remote JavaScript file in a page be more efficient? or making a GET request from within a <script> tag in my index.html ?

Answer 1

You should make every file accessible vie GET using a unique URL. I don't know about the implementation in Java but I am sure there is a way to serve a whole directory.

Using your folder structure a GET request to /assets/folder1/test1.js should return the file contents oft test1 as plain text or even encoded as Javascript like HTML is encoded as text/html .

You can then build a second endpoint called /dependencies which returns the paths to all the files as an array from which you can query every script using the method described in this answer: https://stackoverflow.com/a/8578840/7846567

Would I just copy all the files as plaintext, send it over and enclose it in the front end with tags?

Yes that is basically what I described.