0

我是css编译的新手。我目前有一个使用 express 和预编译引导 3 文件的 node.js 应用程序,我正在研究 Stylus 以使其更好。我想为网格系统编译 Stylus 并使用 jeet 导入引导程序。

我的问题是,这应该如何工作?我对使用 grunt 或为什么某些教程显示 Stylus 被用作中间件感到困惑。是中间件实时编译它,我为什么需要它?

我也跑了npm install bootstrap-styland npm install jeet,但我不确定如何在我的 styles.styl 中引用这些(如果我这样做@import bootstrap,它找不到文件)

我的想法是,我想以某种方式将导入链接到我的 node_modules,以便可以流畅地更新它们(我不想只是从 node_modules 文件夹中复制 bootstrap .styl 文件,对吗?)。这就是我使用 Grunt 的目的吗?

4

1 回答 1

1

well grunt 是一个任务运行程序,可让您编写要运行的任务,并执行自动化(如果指定)或手动任务。

Grunt 可以监视文件/文件夹的更改并调用一些功能或任务(如果你愿意的话),就像 node.js 中的 fileWatch 函数(在 fs 模块中)所做的那样,这些任务可以是任何东西,比如在编译之前将 jeet 导入你的手写笔运行测试并刷新浏览器。在您的情况下,最好使用 grunt 进行自动化(导入 jeet 文件并进行编译)。Grunt 易于使用,您可以查看https://www.npmjs.com/package/grunt-contrib-stylus它包含在 grunt 中使用 stylus 所需的信息。

确保npm install grunt-cli && npm install grunt grunt-contrib-stylus --save-dev为命令行安装 grunt 命令,为项目安装其他命令。

然后在你的项目的根目录中创建一个 gruntfile.js 并将你的 grunt 任务放在那里,你可以在谷歌上搜索一些关于它的文章,非常简单。

于 2015-02-10T17:24:05.177 回答