Estou criando um site onde, em todas as páginas as tags de script e link para importar as bibliotecas JS e CSS são repetidas.
Existe alguma forma para, por exemplo, eu criar um arquivo scripts.html (por exemplo) e importar este arquivo para todas as minhas páginas consequentemente?
Porque ao adicionar uma nova biblioteca preciso ir página a página e realizar a inclusão manual e, dessa forma, eu incluiria em somente um arquivo e isto iria para toda as outras automaticamente.
Tentei por JQuery através das funções load()
e html()
mas não consegui, alguém tem alguma solução a respeito?
Segue exemplo abaixo:
<!-- Última versão CSS do BootsStrap compilada e minificada -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<!-- Metis Menu -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/metisMenu/2.7.0/metisMenu.min.css" />
<!-- Template SB Admin 2 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/startbootstrap-sb-admin-2/3.3.7+1/css/sb-admin-2.min.css" />
<!-- ícones do Template -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
<!-- Data Tables -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/jquery.dataTables.min.css" />
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css" />
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.1.1/css/responsive.dataTables.min.css" />
Ctrl+K
para formatá-lo corretamente.