ejs static converter

EJS-statique-convertisseur

EJS-Static-Converter vous permet de convertir une application de nœud qui utilise le moteur de modèles EJS en un site HTML statique, indépendamment de tout code de serveur. Ceci est utile pour convertir des applications ou des sites Web qui ont été fabriqués avec Node.js et EJS pour un développement plus facile mais ne nécessitent aucun code côté serveur en HTML statique.

Le package rendra également tous les EJ include des fonctions comme ci-dessous dans le package HTML, tel qu'un en-tête, un Navbar, etc. dans le nouveau fichier HTML.

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

Installation du package

express et ejs sont des exigences pour que ce package fonctionne, car le site doit être configuré à l'aide du moteur de modèles

Installez les dépendances requises:

 npm install express ejs

Installez le package EJS-statique-convertisseur:

 npm install -g ejs-static-converter

Structure du projet

A /public and /views Dossier doit être créé dans le dossier racine de votre projet pour contenir les vues .ejs et tous les fichiers publics tels que CSS, images, etc.

Lorsque la fonction Convert est exécutée, tous les fichiers HTML seront créés dans le répertoire A /dist dans le dossier racine du projet.

Configuration

Créez un fichier de configuration pages.config.js somwhere dans votre projet pour définir les pages à convertir. Voici un exemple de stockage de fichiers de configuration dans le dossier 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" } }
] ; 

Exécuter la conversion

Pour convertir votre site EJS en un site HTML statique, exécutez la commande suivante dans Root de votre projet:

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

Où /src/utils/pages.config.js est le chemin d'accès à votre fichier de configuration.

Exemple de fichier «server.js»:

Voici un exemple de la configuration de votre serveur et d'utiliser le convertisseur EJS-statique:

 // 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 ) ; 

Contributif

Si vous ne devez pas apporter de changement ou amélioration, ouvrez une demande de traction ou suggérez une fonctionnalité / bug en tant que problème.