通过NPM安装使用Zurb的基础

doo*_*urt 5 node.js npm express zurb-foundation

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

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

帮助赞赏.

zob*_*ier 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')());
    }
}));
Run Code Online (Sandbox Code Playgroud)

然后在您的styl文件中即可

@import "foundation"
Run Code Online (Sandbox Code Playgroud)


Yac*_*gui 0

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

Foundation Framework 是一个 CSS 框架,因此它是针对客户端、前端的。

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

<link rel="stylesheet" href="styles/foundation.css">
Run Code Online (Sandbox Code Playgroud)