Node stylus 导入结构 - bootstrap 和 jeet

Question

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

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

我还跑了npm install bootstrap-styl 和npm install jeet，但我不确定如何在我的styles.styl 中引用它们（如果我这样做@import bootstrap，它找不到文件）

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

Answer 1

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

Grunt 可以监视文件/文件夹的更改并调用某些功能或任务（如果您愿意的话），就像在 node.js 中的 fileWatch 函数（在 fs 模块中）所做的那样，并且这些任务可以是任何从将 jeet 导入到您的在编译运行测试和刷新浏览器之前使用手写笔。在您的情况下，最好使用 grunt 进行自动化（导入 jeet 文件并进行编译）。 Grunt 好用，你可以看看https://www.npmjs.com/package/grunt-contrib-stylus，里面有你在 grunt 中使用手写笔需要的信息。

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

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