使用手写笔导入 bootstrap

Import bootstrap with stylus

我从 boilderplate for brunch. And now i want to include bootstrap-styl 开始。我用 npm 安装了 bootstrap,工作正常。现在它位于 node_modules 文件夹中。当我尝试在 *.styl 文件中 @import bootstrap 时出现问题。

failed to locate @import file bootstrap.styl

根据文档,这是我需要让它工作的东西:

var bootstrap = require('bootstrap-styl'),
    stylus    = require('stylus');

function compile(str) {
  return stylus(str)
    .use(bootstrap());
}

那么我到底需要在哪里写呢?在我的任何脚本中?我完全不明白这个洞的东西是如何工作的。试图将此代码放入空脚本文件中,仍然没有结果。

stylus-brunch 的自述文件确实解决了这个问题 — https://github.com/brunch/stylus-brunch#use-plugin-middleware

在您的情况下,您需要编辑 brunch-config 以具有:

config =
  plugins:
    stylus:
      plugins: ['bootstrap-stylus']