Tengo muchas importaciones repetidas dentro de mi etiqueta html <head></head> y quiero saber si es posible importarlas en lugar de copiarlas en todos los archivos html.
Ejemplo de módulo head.html :
<meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Chrome, Firefox OS and Opera --> <link rel="icon" type="image/png" sizes="16x16" href="../icons/favicon-16x16.png" /> <link rel="icon" type="image/png" sizes="32x32" href="../icons/favicon-32x32.png" /> <link rel="shortcut icon" href="../icons/favicon.ico" /> <!-- Tab Color iOS Safari --> <meta name="apple-mobile-web-app-title" content="Interface" /> <meta name="application-name" content="Interface" /> <!-- Tab Color Android Chrome --> <meta name="theme-color" content="#e11422" /> <!-- Bootstrap --> <link rel="stylesheet" href="../css/bootstrap.css" type="text/css" /> <!-- General CSS Style --> <link rel="stylesheet" href="../css/style.css" type="text/css" /> <!-- JS Modules --> <script src="../css/bootstrap.js" defer type="module"></script> <script src="../js/controller.js" defer type="module"></script> Intenté usar HTML Imports, pero luego descubrí que están en desuso.
Dado que las importaciones de secuencias de comandos JS están dentro del módulo, no puedo usar JS en el archivo principal a menos que importe otro archivo JS anulando el propósito del módulo head.html . Y ciertamente no me gusta usar etiquetas de secuencias de script y agregar JS dentro de ellas.
No estoy interesado en usar JQuery.
Estoy usando Parcel como paquete y Vanilla JS para escribir esta interfaz.
Me gustaría saber si se puede hacer con las herramientas mencionadas anteriormente. Si no, que así sea; Copiaré y pegaré el contenido de la etiqueta head en cada página.
También me gustaría saber si el código repetitivo afecta el rendimiento de alguna manera. Porque si no es así, entonces no tengo un problema que deba solucionarse.
No puede importar etiquetas de encabezado en archivos HTML, sin embargo, esto no tiene un impacto significativo en el rendimiento