How to import the contents of a js file and not a link to it?

Question

JavaScript

How to connect scripts that are in node_modules so that in the final file there is not a link to the file, but the content in the file?

Answer 1

via ajax...
why is this method bad?

function include(filename) {	
  var js = document.createElement('script');
  js.setAttribute('src', filename);
  document.getElementsByTagName('HEAD')[0].appendChild(js);
  var cur_file = {};
  cur_file[window.location.href] = 1;
  if (!window.js_file)
    window.js_file = {};
  if (!window.js_file.includes)
    window.js_file.includes = cur_file;
  if (!window.js_file.includes[filename]) {
    window.js_file.includes[filename] = 1;
  } else {
    window.js_file.includes[filename]++;
  }
  return window.js_file.includes[filename];
}

(function () {
  var JSlist = [];
  JSlist.push('/js/jquery-easing.js');
  JSlist.push('/js/jquery.maskedinput.js');
        ...
  JSlist.forEach(function (URL) {
    include(URL);
  });
}());

Answer 2

you need to add browserify to the build tasks before uglify

Answer 3

https://rollupjs.org/guide/en/
https://parceljs.org/
https://webpack.js.org/
Webpack can be used both without gallp and with gallp, the rest seem to be the same, but I haven't tried