Mit Zurb ' s Foundation, die über NPM installieren

Ich bin ziemlich neu mit nodejs und npm, also bitte entschuldigt eventuelle Naivität. Ich will Foundation in meinem neuesten Projekt, und verwenden npm zu installieren. Dies hat gearbeitet und meine node_modules enthält nun die Stiftung dir.

Wie kann ich nun verwenden-Stiftung in meinem markup? Ich habe eine /public dir was enthält meine Ansichten, aber sicherlich wäre es schlecht üben-zu-Punkt-Referenzen, die node_modules dir? Erstelle ich eine benutzerdefinierte route in app.js auf Dateien, die innerhalb der Stiftung dir? Ich bin mir nicht sicher, was die beste Praxis ist?

Hilfe dankbar.

InformationsquelleAutor dooburt | 2013-03-31

  1. 0

    Ich glaube, Sie missverstanden, etwas über NodeJS. NodeJS in einer website ist das backend wie PHP, ASP oder Ruby.

    Foundation Framework ist ein CSS-framework, also ist es für den client, der das frontend.

    Zur Verwendung in einer website läuft, NodeJS, einfach die Bibliothek, die Sie heruntergeladen haben, in Zurb website in dem öffentlichen Verzeichnis und verwenden Sie es in Ihren Ansichten wie diese :

    <link rel="stylesheet" href="styles/foundation.css">
    Also ich kann nicht mit npm zu Holen Sie sich die neueste version der Foundation? Sehe ich genauso, verschieben Sie die erforderlichen Dateien aus node_modules zu meinem Publikum (vom server an den client) ?
    Ich verstehe nicht, warum Sie wollen, um es von npm. NPM ist für den server und die Bibliothek für den client.
    Ah, es nutzt den Stylus. Verwenden Sie Stylus oder lieber CSS ?
    danke, ich habe es funktioniert am Ende. Ich habe einfach die Stiftung Dateien in meinem public/css dir. Der Fehler war mit npm nach unten ziehen.
    Für alle wollen, verwenden Sie einen package-manager wie NPM, verwenden Bower (bower.io) für client-Komponenten. Technisch gibt es nichts falsch mit der Frage, wie Stiftung kann gezogen werden von NPM, wie es ist eine JavaScript-Bibliothek. Auch, wenn sich jemand mit so etwas wie browserify, es ist nicht eine verrückte Frage zu sehen, wenn die Stiftung konnte geladen werden über NPM. Eine weitere Sache, Knoten ist nicht wie PHP, ASP oder Ruby, das wäre JavaScript, Knoten wie ein website-backend eher zu Apache oder Nginx als für diesen Zweck Sie es verwenden für einen webserver.

    InformationsquelleAutor Yacine Rezgui

  2. 8

    Müssen Sie sich registrieren Gründung als Stift-plugin. Wenn Sie eine Verbindung herstellen oder express-versuchen Sie so etwas wie dieses:

    var express = require('express'),
    stylus = require('stylus'),
    app = express();

app.use(stylus.middleware({
    compile: function (str, path) {
        return stylus(str)
            .set('filename', path)
            .use(require('foundation')());
    }
}));

    Dann in Ihrem styl-Datei können Sie

    @import "foundation"

    InformationsquelleAutor zobier

  3. 3

    Installation Stiftung mit npm

    npm install foundation-sites

    Dann kopieren Stiftung-Dateien, um Ihre web-server und referenzieren Sie Sie mit einem <link> tag.

    Installation Stiftung mit Laube

    bower install foundation

    Dann kopieren Stiftung Dateien (oder die gesamte bower_components-Verzeichnis) auf Ihrem web-server und referenzieren Sie Sie mit einem <link> tag.

    Stiftung GitHub-Seite und Ihre Erste Schritte-Seite hat mehr Informationen über die verschiedenen Möglichkeiten für die Einrichtung der Stiftung.

    InformationsquelleAutor JR.

  4. 0

    Können Sie in der Lage zu ziehen in der foundation code. git://github.com/ch1c0t/- Laube-Stiftung-css.git ODER git://github.com/mmcgahan/sass-Stiftung.git. Bower ist eine client-side-Paket-manager, ähnlich wie npm, aber für den client. http://bower.io/

    deine Antwort ist etwas unklar, könntest du es verbessern?

    InformationsquelleAutor dahs81

Schreibe einen Kommentar