ejs static converter

EJS靜態連接器

EJS靜態連接器允許您將使用EJS模板引擎使用的節點應用轉換為與任何服務器代碼無關的靜態HTML站點。這對於通過Node.js和EJS製造的應用程序或網站很有用，以便於開發更容易，但不需要任何服務器端代碼中的靜態HTML。

該軟件包還將渲染任何EJS在HTML軟件包中include以下功能，例如標題，Navbar等，進入新的HTML文件。

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

安裝軟件包

express和ejs是此軟件包工作的要求，因為需要使用模板引擎設置網站

安裝所需的依賴項：

 npm install express ejs

安裝EJS靜態轉換器軟件包：

 npm install -g ejs-static-converter

項目結構

應在項目的根文件夾中創建一個/public和/views文件夾，以包含.EJS視圖和任何公共文件，例如CSS，Images等。

當運行轉換函數時，所有HTML文件將在項目的根文件夾中的A /dist目錄中創建。

配置

創建項目中的配置文件pages.config.js 。這是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" } }
] ; 

運行轉換

要將EJS網站轉換為靜態HTML站點，請在項目root中運行以下命令：

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

其中/src/utils/pages.config.js是您配置文件的路徑。

示例“ server.js”文件：

這是如何設置服務器並使用EJS靜態連接器的一個示例：

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

貢獻

如果您不是要進行更改或改進，請打開拉動請求或建議功能/錯誤作為問題。