ejs static converter

converter EJS-static

EJS-Static-Converter le permite convertir una aplicación de nodo que utiliza el motor de plantilla EJS en un sitio HTML estático, independientemente de cualquier código de servidor. Esto es útil para convertir aplicaciones o sitios web que se hicieron con Node.js y EJS para un desarrollo más fácil, pero no requieren ningún código del lado del servidor en HTML estático.

El paquete también hará que las funciones de EJS include a continuación en el paquete HTML, como un encabezado, Navbar, etc. en el nuevo archivo HTML.

 // Include the header HTML which contains universal tags, references and other metadata.
< % - include ( "index-header.ejs" ) - % > 

Instalación del paquete

express y ejs son requisitos para que este paquete funcione, ya que el sitio debe configurarse utilizando el motor de plantilla

Instale las dependencias requeridas:

 npm install express ejs

Instale el paquete EJS-Static-Converter:

 npm install -g ejs-static-converter

Estructura de proyectos

La carpeta A /public and /views debe crearse en la carpeta raíz de su proyecto para contener las vistas .EJS y cualquier archivo público como CSS, imágenes, etc.

Cuando se ejecuta la función Convertir, todos los archivos HTML se crearán dentro del directorio A /dist en la carpeta raíz del proyecto.

Configuración

Cree un archivo de configuración pages.config.js en alguna parte de su proyecto para definir las páginas que se convertirán. Aquí hay un ejemplo de tiendas de archivos de configuración en la carpeta src/utils :

 // src/utils/pages.config.js

// Add pages to convert here:
module . exports = [
  { template : 'index.ejs' , output : 'index.html' , data : { title : "Home" } } ,
  { template : 'pages/page-2.ejs' , output : 'page-2/index.html' , data : { title : "Page 2" } } ,
  { template : 'pages/page-3.ejs' , output : 'page-3/index.html' , data : { title : "Page 3" } }
] ; 

Ejecutando la conversión

Para convertir su sitio EJS en un sitio HTML estático, ejecute el siguiente comando en la raíz de su proyecto:

 ejs-static-converter ./src/utils/pages.config.js

Donde /src/utils/pages.config.js es la ruta a su archivo de configuración.

Ejemplo de archivo 'server.js':

Aquí hay un ejemplo de cómo configurar su servidor y usar el EJS-Static-Converter:

 // src/server.js

// Main dependencies
const express = require ( "express" ) ;
const app = express ( ) ;
const server = require ( "http" ) . Server ( app ) ;

// Declare ejs, JSON formatting and set static files folder.
app . set ( "view engine" , "ejs" ) ;
app . set ( "json spaces" , 2 ) ;
app . use ( express . static ( "public" ) ) ;

// Home
app . get ( "/" , ( req , res ) => {
    res . render ( "index" , {
        title : "Home" ,
    } ) ;
} ) ;

// Page 2
app . get ( "/page-2" , ( req , res ) => {
    res . render ( "pages/page-2" , {
        title : "Page 2" ,
    } ) ;
} ) ;

// Page 3
app . get ( "/page-3" , ( req , res ) => {
    res . render ( "pages/page-3" , {
        title : "Page 3" ,
    } ) ;
} ) ;

// Initialise the server on port 3000.
server . listen ( 2000 ) ; 

Que contribuye

Si no debe hacer un cambio o una mejora, abra una solicitud de extracción o sugiera una función/error como problema.