5

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

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

帮助表示赞赏。

4

4 回答 4

8

您需要将基础注册为手写笔插件。如果您使用的是 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"
于 2013-09-27T02:36:49.100 回答
3

使用 npm 安装 Foundation

npm install foundation-sites

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

用 Bower 安装基础

bower install foundation

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

Foundation 的GitHub 页面及其入门页面提供了有关设置 Foundation 的不同方法的更多信息。

于 2015-05-01T17:57:02.780 回答
0

我认为您对 NodeJS 有误解。网站中的 NodeJS 是 PHP、ASP 或 Ruby 等后端。

Foundation Framework 是一个 CSS 框架，所以它是为客户端，前端的。

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

<link rel="stylesheet" href="styles/foundation.css">
于 2013-03-31T10:09:06.423 回答
0

您也许可以引入基础代码。git://github.com/ch1c0t/bower-foundation-css.git 或 git://github.com/mmcgahan/sass-foundation.git。Bower 是一个类似于 npm 的客户端包管理器，但面向客户端。http://bower.io/

于 2013-08-28T04:01:08.777 回答