mui 动态加载脚本如何实现

由于每个页面都需要加载一批脚本，一个个引用麻烦还容易出错，现在是将脚本的加载放在一个脚本中，html文件只加载这一个脚本就行，但是由于html文件层级不一致导致 "../../js/app-utils.js" 结构不同，有没有方法获取基于项目路径比如 vue中的 @src 这样

let root ="";  
        const scripts = [  
            "../../js/app-utils.js",  
            "../../js/app-env.js",  
            "../../js/app-ajax.js"  
        ];  
        let head = document.getElementsByTagName("head")[0];  
        for (let script of scripts) {  
            let node = document.createElement("script");  
            node.type="text/javascript";  
            node.src=script;  
            head.appendChild(node);  
            console.log(script)  
        }