Próbuję wygenerować szkielet ekspresowy, używając ekspresowego generatora. Więc byłoby to:Generator ekspresowy bez Jade
$ npm install express-generator -g
jednak dodaje wiele automatycznych plików jade.
Zastanawiałem się, czy istnieje sposób, aby pozbyć się tych plików jade i tylko przy użyciu html za wyraźną generatora
dzięki!
Możesz po prostu usunąć pliki jade i podłączyć własny silnik szablonów.
Na przykład lubię używać Handlebars.js. Tak więc w celu korzystania, że w app.js lub server.js lub cokolwiek główny plik generator nazw, można by zastąpić linię:
app.set('view engine', 'jade');
coś na wzór tego (po zainstalowaniu i wymagające kierownicy, przynajmniej):
app.engine('handlebars', exphbs({defaultLayout: 'main'}));
app.set('view engine', 'handlebars');
Każdy silnik ma taką konfigurację, jak tylko chcesz.
Ten generator wydaje się obsługiwać szablony EJS. EJS to po prostu HTML z możliwością wstawiania zmiennych. Cóż ... Jak silnik szablonowy. Ale EJS jest także silnikiem renderującym dla HTML.
W app.js generatora można zobaczyć tej linii (15):
app.set('view engine', '{views}');
Więc domyślam się, że jeśli wybierzesz silnik Ejs podczas instalacji, to będzie dobrze. Tak długo, jak można umieścić pliki html w określonym folderze (linia 14, app.js):
app.set('views', path.join(__dirname, 'views'));
Spróbuj tego polecenia w wierszu polecenia
wyrazić --help, to daje następujące
powyższy obraz daje listę "widok", silniki teraz, wystarczy wpisać
Express - {wybór widoku silnik}
Na przykład, wyrażenie -e
Ustawia EJS jako widoku obsługi i usuwa jade. EJS ma wygląd i styl HTML z dodaną zdolnością do wstrzykiwania wartości za pośrednictwem ich systemu szablonów.
Możesz sprawdzić dokumentację Express-Generator.
Jak widać z ekspresowym -h silnik widokowy obsługiwany przez generator ekspresowy to (ejs | hbs | hjs | jade | mops | gałązka | vash), ale przez głupi jade jest obsługiwany.
$ wyrazić -h
Zastosowanie: wyrażenia [opcje] [katalog]
Opcje:
-h, --help output usage information
--version output the version number
-e, --ejs add ejs engine support
--hbs add handlebars engine support
--pug add pug engine support
-H, --hogan add hogan.js engine support
-v, --view <engine> add view <engine> support (ejs|hbs|hjs|jade|pug|twig|vash) (defaults to jade)
-c, --css <engine> add stylesheet <engine> support (less|stylus|compass|sass) (defaults to plain css)
--git add .gitignore
-f, --force force on non-empty directory
Można również bezpośrednio zawierać plik HTML do pliku jade
include ../../public/index.html
To wydaje się być poprawna odpowiedź –