ejs static converter

EJS-Static-Converter

يتيح لك EJS-Static-Converter تحويل تطبيق عقدة يستخدم محرك Templating EJS في موقع HTML ثابت ، بغض النظر عن أي رمز خادم. يعد هذا مفيدًا لتحويل التطبيقات أو المواقع الإلكترونية التي تم إجراؤها باستخدام Node.js و EJS لتطوير أسهل ولكن لا تتطلب أي رمز من جانب الخادم في HTML ثابت.

ستقوم الحزمة أيضًا بتقديم أي eJs include وظائف مثل أدناه في حزمة HTML ، مثل رأس ، Navbar ، إلخ. في ملف HTML الجديد.

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

تثبيت الحزمة

express و ejs هي متطلبات للعمل هذه الحزمة ، حيث يحتاج الموقع إلى الإعداد باستخدام محرك templating

تثبيت التبعيات المطلوبة:

 npm install express ejs

قم بتثبيت حزمة EJS-Static-Converter:

 npm install -g ejs-static-converter

هيكل المشروع

يجب إنشاء مجلد A /public و /views في المجلد الجذر لمشروعك لاحتواء طرق عرض .ejs وأي ملفات عامة مثل CSS ، وما إلى ذلك.

عند تشغيل وظيفة التحويل ، سيتم إنشاء جميع ملفات HTML داخل A /dist Directory في المجلد الجذر للمشروع.

إعدادات

قم بإنشاء 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 ثابت ، قم بتشغيل الأمر التالي في جذر المشروع الخاص بك:

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

WHERE /src/utils/pages.config.js هو المسار إلى ملف التكوين الخاص بك.

مثال على ملف "server.js":

فيما يلي مثال على كيفية إعداد الخادم الخاص بك واستخدام مونيرتر EJS-Static:

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

المساهمة

إذا لم تكن لإجراء تغيير أو تحسن ، فتوقف طلب سحب أو اقتراح ميزة/خطأ كمسألة.