通过NPM安装使用Zurb的基金会

我使用nodejs和npm相当新,所以请原谅。 我想在我的最新项目中使用Foundation,并使用npm来安装它。 这工作,我的node_modules现在包含基础目录。

我现在如何在我的标记中使用Foundation? 我有一个/public目录,其中包含我的意见,但肯定是不好的做法指向引用node_modules目录? 我是否在app.js创build了一个自定义path来创build基础目录中的文件? 我不确定最佳做法是什么?

帮助赞赏。

我想你误解了NodeJS的一些东西。 网站中的NodeJS是PHP,ASP或Ruby的后端。

基础框架是一个CSS框架,所以它是为客户端,前端。

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

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

您需要注册基础作为手写笔插件。 如果你正在使用连接或快速尝试这样的事情:

 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" 

使用npm安装Foundation

 npm install foundation-sites 

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

用Bower安装Foundation

 bower install foundation 

然后,将Foundation的文件(或整个bower_components目录)复制到您的Web服务器,并使用<link>标记进行引用。


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

您可能可以拉入基础代码。 git://github.com/ch1c0t/bower-foundation-css.git或git://github.com/mmcgahan/sass-foundation.git。 Bower是一个类似于npm的客户端包pipe理器,但是对于客户端。 http://bower.io/