Node.js - express - jade - compiler SASS/LESS

Que quelqu'un a une vraiment newbie guide de nodejs - express - SASS/LESS? Je n'ai pas été en mesure d'obtenir ce travail. L'exemple que j'ai maintenant est un bareboned que possible..

var express = require('express'),
    less = require('less'),
    app = express.createServer();

var pub_dir = __dirname + '/public';

app.configure(function(){ 
    app.use(express.compiler({ src: pub_dir, enable: ['less'] }));
    app.use(express.staticProvider( pub_dir ));
};

app.configure('development', function(){
    app.use(express.errorHandler({ dumpExceptions: true, showStack: true }));
});

Le fichier style.css.less est situé dans pub_dir, je peux accéder directement, et le style est

@brand_color: #4D926F;
body {
  color: @brand_color;
}

Comme je le comprends, la compilation est censé arriver sur les start-up, et un fichier css sera généré dans le src-dir, comme dest n'est pas spécifié.

Mon serveur fonctionne très bien, mais indépendamment de combien de façons j'ai essayé de déconner avec le dirnames, les répertoires et les noms de l'LESS/SASS fichiers (et leurs LESS/SASS contenu) je ne peux pas obtenir ce travail. Darn! Aider.

  • Bien sûr... le répertoire src écriture accessible... F(*&=)
  • Je ne comprends toujours pas.
InformationsquelleAutor Gnimm | 2010-12-03
  1. 13

    Je suis aussi un newb essayer d'obtenir cette configuration. J'ai essayé quelques extraits que j'ai trouvé jusqu'à ce que j'ai finalement remarqué que l'express est une "expression" de commande qui met en place un nouveau projet.

    Essayer express -c less pour créer un exemple de projet à MOINS que le moteur CSS.

    Cela devrait créer les répertoires requis. Les nouveaux fichiers css sera servi à partir de votre répertoire statique.

    La configuration est la suivante:

    app.configure(function(){
  app.set('views', __dirname + '/views');
  app.set('view engine', 'hbs');
  app.use(express.bodyDecoder());
  app.use(express.methodOverride());
  app.use(express.compiler({ src: __dirname + '/public', enable: ['less'] }));
  app.use(app.router);
  app.use(express.staticProvider(__dirname + '/public'));
});
    • Yup, il a travaillé pour mon sass cas. J'ai utilisé la commande suivante express myapp -c sass Outre la création d'une application avec des express de la structure, il a aussi ajouté nœud-sass-middleware paramètres de mon app.
    InformationsquelleAutor xer0x
  2. 2

    Votre configuration est la configuration standard pour readymade. Assurez-vous que moins compilateur est installé sur votre système si.

    npm install lessjs readymade

    Puis ajoutez les lignes suivantes à votre server.js

    app.use(require('readymade').middleware({root: "public"}));

    InformationsquelleAutor fulmicoton
  3. 1

    Voici une question similaire:
    Node.js + Express.js. Comment RENDRE moins css?

    vous pouvez également consulter le guide sur la ExpressJS Site Web

    InformationsquelleAutor Stephen
  4. 0

    Deux projets qui pourraient rendre votre vie plus facile

    1. Buildr: L' (Java|Café)de Script et le CSS (ou Moins) (Constructeur|Bundler|Emballeur|Minifier|Fusion|Checker)

    2. DocPad: le Pré-processeur fournisseur et le modèle empowerer pour Express.js apps

    • 2ème lien est cassé
    • merci pour ça, oui less4client ai dépréciée en faveur de DocPad. Mis à jour le lien pour refléter cela.
    InformationsquelleAutor balupton
  5. 0

    Je suis en train de travailler sur express 4.x et l'utilisation de SASS. Voici un extrait de la partie, je suis à l'aide de styles (de l'esprit les commentaires):

    var express = require('express'),
    //... other packages
    sass = require('node-sass');

//...
var app = express();
//...
//Commented this default express generator line:
//app.use(require('stylus').middleware(path.join(__dirname, 'public')));
//
//Because of some bug the node-sass (http://git.io/eItWzA) does not scan the correct folders,
//so I have both .scss and final .css in one /public/css/folder
app.use(
    sass.middleware({
        src: __dirname + '/public/', //where the sass files are 
        dest: __dirname + '/public/', //where css should go
    })
);

//... rest of app

    Voici l'essentiel pour elle: http://git.io/Vr9KJA

    InformationsquelleAutor Alex Buznik