css - bootstrap

¿Cómo puedo incluir archivos css usando node, express y ejs?

Question

Estoy intentando seguir las instrucciones de https://stackoverflow.com/a/18633827/2063561 , pero aún no puedo cargar mi styles.css.

Desde app.js

app.use(express.static(path.join(__dirname, ''public'')));

En mis .ejs, he probado ambas líneas.

<link rel="stylesheet" type="text/css" href="/css/style.css" />
<link rel="stylesheet" type="text/css" href="/public/css/style.css" />

Tampoco carga el css. Entré en la consola del desarrollador y me di cuenta de que el tipo está configurado como ''text / html'' en lugar de ''text / css''.

Mi camino se parece a

.
./app.js
./public
    /css
        /style.css

Answer 1

He usado los siguientes pasos para resolver este problema

1. cree una nueva carpeta (estática) y mueva todos los archivos js y css a esta carpeta.
2. luego agregue app.use (''/ static'', express.static (''static''))
3. agregar css como <link rel = "hoja de estilo" type = "text / css" href = "/ static / style.css" />
4. reinicie el servidor para ver el impacto después de los cambios.

Answer 2

Usa esto en tu archivo server.js

app.use(express.static(''public''));

sin el directorio (__dirname) y luego dentro de la carpeta de su proyecto, cree un nuevo archivo y asígnele un nombre público, luego coloque todos sus archivos estáticos en su interior

Answer 3

Usa esto en tu archivo server.js

app.use(express.static(__dirname + ''/public''));

y agrega css como

<link rel="stylesheet" type="text/css" href="css/style.css" />

no necesito / antes css como

<link rel="stylesheet" type="text/css" href="/css/style.css" />