angularjs - MEAN Stack の Jade テンプレートから ejs への変更

Question

私は現在、次のパッケージで MEAN スタックを使用するのは初めてです: https://github.com/linnovate/mean。しかし、プロジェクトを作成した後、Jade がデフォルトのテンプレート エンジンであることがわかりました。

Express で関連する設定を変更して、これらの jade テンプレートを ejs に変換する良い方法はありますか?

ありがとうございました。

Answer 1

app.js の内部変更:

app.set('view engine', 'jade');

に

app.set('view engine', 'ejs');

それから

1. クロムブラウザで翡翠ベースのページを開きます。

2. ブラウザでマウスのコンテキスト メニューを開き、[要素の検査] を選択します。

3. html タグを選択し、HTML としてコピーします。

4. その HTML をお気に入りの HTML エディターまたは任意のコード エディターに貼り付けます。

5. 「ejs」に合うようにいくつかのタグを調整します。たとえば、「block body」を「<%- body%>」に変更するか、データ文字列を {{data}} や & quot; などのデータ変数に変更します。に " ' "。

6. ファイルを jade の代わりに ejs で保存します。

Answer 2

var express = require('express');
var app = express();

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');// here you set EJS