2012-07-29 8 views
8

Jaki jest poprawny sposób dołączania plików css i js do projektu ekspresowego?Jak uwzględnić pliki css i js w projekcie Node.js

Używam silnika szablonu ejs. Widziałem jeden przykład przy użyciu connect-assetmanager, ale było to trudne do naśladowania.

Mały przykładowy projekt, który zawiera css i js w index.ejs (nie layout.ejs) byłby bardzo przydatny.

+0

Czy kompilujesz także JS i CSS, czy też chcesz wyświetlać statyczne pliki JS i CSS? – redhotvengeance

Odpowiedz

10

Pliki statyczne mogą być wyświetlane za pomocą ekspresowego statycznego oprogramowania pośredniego. Zwykle tworzę katalog dla wszystkich statycznych plików, które mają być dostarczane z katalogu głównego.

Jeśli zainstalowano globalnie express z użyciem npm (npm install -g express), można wpisać następujące polecenie w wierszu poleceń.

express <project_name> 

Spowoduje to utworzenie przykładowego projektu dla Ciebie. Ten przykładowy projekt ma folder o nazwie public, z którego obsługuje pliki statyczne. Zawiera również foldery o nazwach javascripts i stylesheets.

Odpowiedni fragment przykładowego projektu do konfigurowania tej funkcji jest następujący wiersz w pliku app.js w funkcji przekazany do app.configure.

app.use(express.static(path.join(__dirname, 'public'))); 

Przykład pochodzi z wyraźną 3.0.0rc1

Express zbudowany na Connect. Dokumenty dotyczące statycznego oprogramowania pośredniego mogą być pomocne: Connect : Static

+1

Dzięki temu zadziałało. Również w procesie nauczyłem się, że express tworzy projekt, używając JADE jako domyślnego silnika szablonów. Jeśli potrzebujesz programu ejs, użyj polecenia "express -e " – Vinoth

+0

. Oprócz tego chcę udostępnić osobny podfolder (nie w folderze publicznym), otwierając http://mywebsite.com/subfolder. Jak mam to zrobić? Dzięki! – kakacii

Powiązane problemy