2012-07-29 39 views
8

¿Cuál es la forma correcta de incluir archivos css y js en el proyecto express?Cómo incluir archivos css y js en el proyecto Node.js

Estoy usando el motor de plantillas ejs. He visto un ejemplo usando connect-assetmanager pero fue difícil de seguir.

Un pequeño ejemplo de proyecto que incluye css y js en index.ejs (no layout.ejs) sería muy útil.

+0

¿También está compilando JS y CSS, o simplemente está buscando servir archivos JS y CSS estáticos? – redhotvengeance

Respuesta

10

Los archivos estáticos se pueden servir con Express 'middleware estático. Normalmente hago un directorio para todos los archivos estáticos a ser servidos desde la raíz.

Si ha instalado express globalmente con npm (npm install -g express) puede escribir lo siguiente en la línea de comando.

express <project_name> 

Esto creará un pequeño proyecto de ejemplo para usted. Este proyecto de ejemplo tiene una carpeta llamada public, desde la que se muestran los archivos estáticos. Además contiene carpetas llamadas javascripts y stylesheets.

La pieza relevante del proyecto de ejemplo para configurar esto es la siguiente línea en el archivo app.js en la función pasada al app.configure.

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

ejemplo es de expreso 3.0.0rc1

Express se basa en Conectar. Los documentos para su middleware estático pueden ser útiles: Connect : Static

+1

Gracias funcionó. También en el proceso aprendí que express crea un proyecto usando JADE como motor de plantilla predeterminado. Si necesita ejs use el comando "express -e " – Vinoth

+0

Si además de esto también deseo servir una subcarpeta separada (no en una carpeta pública) accediendo a http://mywebsite.com/subfolder. ¿Cómo lo hago? ¡Gracias! – kakacii

Cuestiones relacionadas