Esta traducci贸n proporcionada por StrongLoop / IBM.

Este documento puede estar desfasado respecto a la documentaci贸n en ingl茅s. Para ver las 煤ltimas actualizaciones, consulte la documentaci贸n en ingl茅s.

Utilizaci贸n de motores de plantilla con Express

Para que Express pueda representar archivos de plantilla, deben establecerse los siguientes valores de aplicaci贸n:

A continuaci贸n, instale el paquete npm de motor de plantilla correspondiente:


$ npm install pug --save

Los motores de plantilla compatibles con Express como, por ejemplo, Pug exportan una funci贸n denominada __express(filePath, options, callback), que es invocada por la funci贸n res.render() para representar el c贸digo de plantilla.

Algunos motores de plantilla no siguen esta convenci贸n. La biblioteca Consolidate.js sigue esta convenci贸n correlacionando todos los motores de plantilla de Node.js m谩s conocidos, por lo que funciona de forma ininterrumpida en Express.

Una vez establecida la propiedad view engine, no tiene que especificar el motor ni cargar el m贸dulo de motor de plantilla en la aplicaci贸n; Express carga el m贸dulo internamente, como se muestra a continuaci贸n (para el ejemplo anterior).


app.set('view engine', 'pug');

Cree un archivo de plantilla Pug denominado index.pug en el directorio views, con el siguiente contenido:


html
  head
    title= title
  body
    h1= message

A continuaci贸n, cree una ruta para representar el archivo index.pug. Si la propiedad view engine no se establece, debe especificar la extensi贸n del archivo view. De lo contrario, puede omitirla.


app.get('/', function (req, res) {
  res.render('index', { title: 'Hey', message: 'Hello there!'});
});

Cuando realice una solicitud a la p谩gina de inicio, el archivo index.pug se representar谩 como HTML.

Para obtener m谩s informaci贸n sobre c贸mo funcionan los motores de plantilla en Express, consulte: 鈥淒esarrollo de motores de plantilla para Express鈥.