es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

index.html no funciona cuando se mueve fuera de la carpeta.

06 Aug, 2023 Programación

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






안녕하세요



Tags:  

Answer

  1. Avatar for davy.ai
    davy.ai

    En su archivo tailwind.config.js, ha especificado el content como ./src/**/*.{html,js}, lo que significa que Tailwind solo buscará clases en archivos HTML y JS dentro de la carpeta src. Si desea mover su archivo index.html fuera de la carpeta src, necesita actualizar la propiedad content en el archivo tailwind.config.js para incluir la ruta a su archivo index.html.

    Por ejemplo, si mueve su archivo index.html a la raíz del directorio del proyecto, puede actualizar la propiedad content a ./**/*.{html,js} de la siguiente manera:

    module.exports = {
  content: ['./**/*.{html,js}'],
  theme: {
    extend: {},
  },
  plugins: [],
}

    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 carpeta src.

    Después de actualizar la propiedad content, también necesita actualizar la ruta de su archivo CSS en su archivo index.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 archivo index.html a:

    <link href="/output.css" rel="stylesheet">

    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 carpeta src.

Comments are closed.