通过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/