2012-07-29 22 views
8

Qual è il modo corretto di includere file css e js nel progetto express?Come includere file css e js nel progetto Node.js

Sto utilizzando il motore di modelli di ejs. Ho visto un esempio usando connect-assetmanager ma è stato difficile da seguire.

Un piccolo progetto di esempio che include css e js in index.ejs (non layout.ejs) sarebbe molto utile.

+0

Stai compilando anche il JS e il CSS, oppure stai solo cercando di servire file JS e CSS statici? – redhotvengeance

risposta

10

I file statici possono essere offerti con il middleware statico espresso. Di solito creo una directory per tutti i file statici che devono essere forniti dalla radice.

Se è stato installato express globalmente con npm (npm install -g express) è possibile digitare quanto segue sulla riga di comando.

express <project_name> 

Questo creerà un piccolo progetto di esempio per voi. Questo progetto di esempio ha una cartella denominata public, dalla quale serve i file statici. Contiene inoltre cartelle denominate javascripts e stylesheets.

Il pezzo pertinente del progetto di esempio per l'impostazione di questo è la riga seguente nel file app.js nella funzione passata a app.configure.

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

esempio è da espresso 3.0.0rc1

espresso è costruito su Connect. I documenti per il suo middleware statico potrebbero essere utili: Connect : Static

+1

Grazie ha funzionato. Inoltre, ho appreso che express crea un progetto usando JADE come motore di template predefinito. Se hai bisogno di ejs usa il comando "express -e " – Vinoth

+0

Se al di sopra di questo voglio anche servire una sottocartella separata (non in una cartella pubblica) accedendo a http://mywebsite.com/subfolder. Come lo faccio? Grazie! – kakacii

Problemi correlati