前端html项目js文件如何引入其他js

Question

注意：不是vue项目！！
是最原始的html页面项目，通过这样的方式引入js的。
我想要所有页面引入一个总的公共js文件，但是js文件中又分拆出多个不同板块的功能js。
需要的是把多个js文件引入到公共js文件中。然后我的页面只需要调用公共js文件就可以直接调用到多个被引入的js文件的内容。请问这种情况如何处理。
网上的方法试了一圈不生效。

Answer 1

在公共js中动态引入其它js

var jsList = [
  './static/js_a.js',
  './static/js_b.js'
]
for (var i = 0; i < jsList.length - 1; i++) {
  var item = jsList[i]
  var script = document.createElement('script')
  script.src = item
  document.body.appendChild(script)
}