Estoy realmente confundido por este archivo index.js :
import Cookies from 'js-cookie'; import createHash from 'sha.js'; import Evaporate from 'evaporate'; import SparkMD5 from 'spark-md5'; import './css/bootstrap-progress.css'; import './css/styles.css'; ... ¿Por qué importaría un archivo .css en un archivo .js ? Nunca he visto esto antes. ¿Es esto común? ¿Qué te permite hacer?
El repositorio parece estar usando Parcel. Consulte los documentos de Parcel sobre CSS:
Parcel incluye soporte para CSS listo para usar. Para agregar un archivo CSS, ya sea... ... o impórtelo desde un archivo JavaScript:
import './index.css';
Lo que hará es, si se incluye ese módulo de JavaScript, cuando se importe el módulo, insertará el CSS (desde esa ruta ./css/styles.css en el código fuente) en la página. No es una funcionalidad nativa de JavaScript de los módulos ES6, es algo que administra un paquete (como Parcel o Webpack, etc.). Al agrupar, el texto CSS se convertirá en una cadena de JavaScript en algún lugar del paquete resultante y luego se colocará en la página con algo como
const style = document.createElement('style'); document.body.appendChild(style); style.textContent = `<CONTENT OF IMPORTED CSS>`;