使用手写笔导入 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']
我从 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']