Объединить заголовок css и список скриптов - PullRequest
Новая
       6

Объединить заголовок css и список скриптов

0 голосов
/ 23 сентября 2018

Я создаю веб-сайт и пытаюсь определить, есть ли способ объединить / объединить определенные файлы без объединения их в один гигантский файл.Я пытаюсь очистить свои страницы. Ненавижу прокручивать мой список, например, 

     <!-- My plugins -->
    <script src="./assets/js/plugins/moment.min.js"></script>
    <script src="./assets/js/plugins/bootstrap-switch.js"></script>
    <script src="./assets/js/plugins/bootstrap-tagsinput.js"></script>
    <script src="./assets/js/plugins/bootstrap-selectpicker.js"></script>
    <script src="./assets/js/plugins/jasny-bootstrap.min.js"></script>
    <script src="./assets/js/plugins/nouislider.min.js"></script>
    <script src="./assets/js/plugins/bootstrap-datetimepicker.js"></script>
    <script src="./assets/js/photorevealer.js"></script>
    <script src="./assets/js/type.js"></script>

Я хочу создать указатель или что-то похожее на просто что-то вроде 

<link href="js_scripts.lst">

и этот файл похож на 

    <script src="./assets/js/plugins/moment.min.js"></script>
    <script src="./assets/js/plugins/bootstrap-switch.js"></script>
    export js_script

, таким образом, я могу создать 1 файл для всех css, 1 файл для файлов js, 1 файл для шрифтов Google и т. Д.

1 Ответ

0 голосов
/ 23 сентября 2018

Создайте один файл, links.js: 

function loadjscssfile(filename){
    var fileref=document.createElement('script') 
    fileref.setAttribute("type","text/javascript") 
    fileref.setAttribute("src", filename) 
    if (typeof fileref!="undefined"){
      document.getElementsByTagName("head")[0].appendChild(fileref)
    }
}

Затем вызовите функцию для всех ваших файлов, снова в файле links.js: 

loadjscssfile("./assets/js/plugins/moment.min.js");
loadjscssfile("./assets/js/plugins/bootstrap-switch.js");
loadjscssfile("./assets/js/plugins/bootstrap-tagsinput.js");
loadjscssfile("./assets/js/plugins/bootstrap-selectorpicker.js");
loadjscssfile("./assets/js/plugins/jasny-bootstrap.min.js");
loadjscssfile("./assets/js/plugins/nouislider.min.js");
loadjscssfile("./assets/js/plugins/bootstrap-datetimepicker.js");
loadjscssfile("./assets/js/photorevealer.js");
loadjscssfile("./assets/js/type.js");

И затем загрузитеlinks.js файл со страницы index.html: 

<script src="links.js"></script>

И тогда ваши файлы загрузятся!

Примечание: Вы не увидите эти ссылки, пока выкодирую, но они будут на сайте, если вы нажмете Inspect.Это просто аккуратнее, когда вы кодируете.

...