ejs static converter

EJS-Static-Converter

EJS-Static-Converter memungkinkan Anda untuk mengonversi aplikasi node yang menggunakan mesin templating EJS menjadi situs HTML statis, terlepas dari kode server apa pun. Ini berguna untuk mengonversi aplikasi atau situs web yang dibuat dengan Node.js dan EJS untuk pengembangan yang lebih mudah tetapi tidak memerlukan kode sisi server ke dalam HTML statis.

Paket ini juga akan membuat EJS include fungsi seperti di bawah ini ke dalam paket HTML, seperti header, NAVBAR, dll. Ke dalam file HTML baru.

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

Menginstal paket

express dan ejs adalah persyaratan agar paket ini berfungsi, karena situs perlu diatur menggunakan mesin templating

Instal dependensi yang diperlukan:

 npm install express ejs

Instal Paket EJS-Static-Converter:

 npm install -g ejs-static-converter

Struktur proyek

Folder A /public dan /views harus dibuat di folder root proyek Anda untuk berisi tampilan .EJS dan file publik seperti CSS, gambar, dll.

Ketika fungsi konversi dijalankan, semua file HTML akan dibuat di dalam direktori A /dist di folder root proyek.

Konfigurasi

Buat pages.config.js file konfigurasi.config.js di mana saja dalam proyek Anda untuk menentukan halaman yang akan dikonversi. Berikut adalah contoh penyimpanan file konfigurasi di folder 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" } }
] ; 

Menjalankan konversi

Untuk mengonversi situs EJS Anda ke situs HTML statis, jalankan perintah berikut di root proyek Anda:

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

Where /src/utils/pages.config.js adalah jalur ke file konfigurasi Anda.

Contoh file 'server.js':

Berikut adalah contoh cara mengatur server Anda dan menggunakan 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 ) ; 

Berkontribusi

Jika Anda tidak ingin melakukan perubahan atau peningkatan, buka permintaan tarik atau sarankan fitur/bug sebagai masalah.