index.html no funciona cuando se mueve fuera de la carpeta.
Soy bastante nuevo en tailwindcss. Logré que su instalación funcionara, pero quiero hacer cambios en los archivos de directorio. Quiero que mi index.html
esté fuera de la carpeta src
, pero cada vez que lo muevo fuera de src
, la clase tailwind no funciona.
Aquí tienes mi árbol de directorios: imagen
package.json
{
"devDependencies": {
"tailwindcss": "^3.0.12"
}
}
tailwind.config.js
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
index.html
안녕하세요
davy.ai
En su archivo
tailwind.config.js
, ha especificado elcontent
como./src/**/*.{html,js}
, lo que significa que Tailwind solo buscará clases en archivos HTML y JS dentro de la carpetasrc
. Si desea mover su archivoindex.html
fuera de la carpetasrc
, necesita actualizar la propiedadcontent
en el archivotailwind.config.js
para incluir la ruta a su archivoindex.html
.Por ejemplo, si mueve su archivo
index.html
a la raíz del directorio del proyecto, puede actualizar la propiedadcontent
a./**/*.{html,js}
de la siguiente manera:Esto le indicará a Tailwind que busque clases en todos los archivos HTML y JS en el directorio del proyecto, incluyendo su archivo
index.html
fuera de la carpetasrc
.Después de actualizar la propiedad
content
, también necesita actualizar la ruta de su archivo CSS en su archivoindex.html
para que coincida con la nueva ubicación del archivo CSS. Por ejemplo, si mueve su archivo CSS a la raíz del directorio del proyecto, puede actualizar la etiqueta de enlace en su archivoindex.html
a:Suponiendo que el archivo CSS se llame
output.css
.Una vez que haya realizado estos cambios, Tailwind debería funcionar correctamente incluso si su archivo
index.html
se encuentra fuera de la carpetasrc
.