编译给定文件夹及其子文件夹中的所有手写笔文件

时间:2017-08-03 08:35:11

标签: css stylus

例如,编译此文件夹结构,

x.styl
|--abc/
|--|--a.styl
|--efg/
|--|--b.styl

build/
|--x.css
|--abc/
|--|--a.css
|--efg/
|--|--b.css

使用stylus编译器(从文件夹及其子文件夹编译样式文件)

3 个答案:

答案 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是有帮助的!