How to assemble a JS object from several files according to a template?

Question

JavaScript

Is there any tool that allows you to do this:

there is a main.js target file that defines an object or function, like this:

main('jquery', function($) {
  let script = {
   init () {
    {{init.js}}
   }
   load () {
    {{load.js}}
   }
   render () {
      {{render.html}}
    }
  };

 return script;
});

That is, this file is assembled from other files init.js, render.html, etc.

Is it possible to implement this through Webpack, Gulp, Grunt? If yes, what settings to use or plugins.

Answer 1

So now nobody writes. Don't reinvent the wheel.
Use ES6 modules and Webpack .
Judging by the need to render html , you should look towards modern front-end frameworks.