Question

我是使用nodejs和npm的新手，所以请原谅任何天真。我想在我的最新项目中使用Foundation并使用npm来安装它。这已经奏效，我的node_modules现在包含基础目录。

我现在如何在我的标记中使用Foundation？我有一个/public目录，其中包含我的观点，但是确实指向node_modules目录的引用是不好的做法？我是否在app.js中为基础目录中的文件创建了自定义路线？我不确定最佳做法是什么？

帮助表示赞赏。

Answer 1

您需要将基础注册为手写插件。如果你使用connect或express尝试这样的事情：

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')());
    }
}));

然后在您的样式文件中

@import "foundation"

Answer 2

使用npm

安装Foundation

npm install foundation-sites

然后，将Foundation的文件复制到您的Web服务器并使用<link>标记引用它。

使用Bower安装Foundation

bower install foundation

然后，将Foundation的文件（或整个bower_components目录）复制到您的Web服务器，并使用<link>标记引用它。

基金会的GitHub page及其Getting Started page提供了有关设置基金会的不同方式的更多信息。

Answer 3

我认为你误解了NodeJS。网站中的NodeJS是PHP，ASP或Ruby等后端。

Foundation Framework是一个CSS框架，因此它适用于客户端，即前端。

要在由NodeJS运营的网站中使用它，只需将您在Zurb website下载的库放在公共目录中，并在您的视图中使用它，如下所示：

<link rel="stylesheet" href="styles/foundation.css">

Answer 4

您可以提取基础代码。 git：//github.com/ch1c0t/bower-foundation-css.git或git：//github.com/mmcgahan/sass-foundation.git。 Bower是一个客户端包管理器，类似于npm，但是对于客户端。 http://bower.io/

通过NPM安装使用Zurb的基础

4 个答案:

使用npm

使用Bower安装Foundation