例如,编译此文件夹结构,
x.styl
|--abc/
|--|--a.styl
|--efg/
|--|--b.styl
要
build/
|--x.css
|--abc/
|--|--a.css
|--efg/
|--|--b.css
使用stylus编译器(从文件夹及其子文件夹编译样式文件)
答案 0 :(得分:2)
你可以在构建和定位整个文件夹时使用--out参数,它会保留你的结构,首先你可以定位文件或文件夹,然后在你想要编译css的文件夹或文件名之后
stylus -c ./project/stylus --out ./myfolder/css
有关:
|stylus
|--abc/
|--|--a.styl
|--efg/
|--|--b.styl
这会导致类似:
|css
|--abc/
|--|--a.css
|--efg/
|--|--b.css
答案 1 :(得分:0)
在这方面有些晚了,希望对其他人有帮助,但我找到了使用stylus-chokidar
软件包的解决方案。
stylus-chokidar
只需稍微修改一下手写笔CLI,即可递归地构建文件列表并使用chokidar监视它们(如果提供了--watch)。
始终启用递归,不支持全局模式。
使用此工具,您可以递归地编写手写笔文件(每个组件将存储自己的CSS /手写笔文件)。
答案 2 :(得分:-2)
我比赛迟到了,但我相信我的解决方案不是最优的,但可以适合你的情况。
根据您的示例,保持相同的文件/文件夹结构
x.styl
| --abc /
| - | --a.styl
| --efg /
| - | --b.styl
但也包括" combination.styl"文件在自己的单独文件夹中。所以现在你有了:
x.styl
| --abc /
| - | --a.styl
| --efg /
| - | --b.styl
| - 全手写笔/
| - | --combination.styl
在combination.styl中,您应该导入所有单独的.styl文件,因此对于我们的示例
// combination.styl
@import '../x.styl'
@import '../abc/a.styl'
//etc...
然后你可以在任何你想要的地方输出一个大的css文件!
运行此命令的命令只是:
手写笔./stylus -out ./css
我知道它并没有为您提供您正在寻找的输出文件/文件夹结构,但我认为能够一次将所有手写笔编译成css是有帮助的!