Comment inclure les fichiers css et js dans Node.js projet

Quelle est la bonne façon d'inclure les fichiers css et js dans le projet de l'express ?

Je suis en utilisant ejs moteur de template. J'en ai vu un exemple d'utilisation de connect-d'assetmanager mais il était difficile à suivre.

Un petit exemple de projet qui inclut les css et js dans la page d'index.ejs (pas de mise en page.ejs) serait très utile.

Êtes-vous aussi la compilation de la JS et CSS, ou vous êtes simplement à la recherche de servir statique fichiers CSS et JS?

OriginalL'auteur Vinoth | 2012-07-29

  1. 11

    Fichiers statiques peuvent être servis avec express " statique middleware. J'ai l'habitude de faire un répertoire de tous les fichiers statiques pour être servi, à partir de la racine.

    Si vous avez installé l'express à l'échelle mondiale avec npm (npm install -g express) vous pouvez tapez la commande suivante sur la ligne de commande.

    express <project_name>

    Cela va créer un petit exemple de projet pour vous. Cet exemple de projet a un dossier nommé public, à partir de laquelle il sert de fichiers statiques. Il contient des dossiers javascripts et stylesheets.

    La question de l'exemple de projet pour cette mise en place est la ligne suivante dans le fichier app.js dans la fonction transmise à app.configure.

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

    Exemple est de express 3.0.0rc1

    Express est construite sur se Connecter. Les docs pour la statique middleware pourrait être utile: Connect : Statique

    Merci ça a fonctionné. Également dans le processus, j'ai appris que l'express crée un projet à l'aide de JADE comme modèle par défaut du moteur. Si vous avez besoin d'ejs utiliser la commande "express-e <de projet-nom>"
    Si en plus de cela, je veux aussi servir un sous-dossier séparé (pas dans le dossier public)par l'accès mywebsite.com/subfolder. Comment dois-je faire? Merci!

    OriginalL'auteur Waylon Flinn