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



例如编译此文件夹结构,

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

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

使用触笔编译器(从文件夹及其子文件夹编译样式文件(

你可以在构建和定位整个文件夹时使用 --out 参数,它将保留你的结构,首先你可以定位一个文件或文件夹,然后删除你想要编译的 css 的文件夹或文件名

stylus -c ./project/stylus --out ./myfolder/css

为:

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

它会导致类似这样的东西:

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

有点晚了,我希望这可能会帮助其他人喜欢它来帮助我,但我找到了使用包的解决方案stylus-chokidar.

手写笔-乔基达

只是稍微修改了手写笔 CLI,它递归构建文件列表并使用 chokidar>它们(如果提供 --watch(。

递归始终处于启用状态,不支持 glob 模式。

有了这个,您可以递归地编译手写笔文件(每个组件将存储自己的 CSS/手写笔文件(。

我玩得很晚,但我相信我有一个不是最佳解决方案,但适合您的情况。

根据您的示例,保持相同的文件/文件夹结构

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

但也在其自己的单独文件夹中包含一个"Merge.styl"文件。所以现在你有:

x.styl  
|--abc/  
|--|--a.styl  
|--efg/  
|--|--b.styl  
|--all-stylus/  
|--|--combination.styl

在 Merge.styl 中,您应该导入所有单独的 .styl 文件,因此对于我们的示例

// combination.styl  
@import '../x.styl'  
@import '../abc/a.styl'  
//etc...

然后,您可以在任何您想要的地方输出一个大型CSS文件!

运行此命令的命令只是:

stylus ./stylus -out ./css

我知道它不会给你你想要的输出文件/文件夹结构,但我想能够一次将所有手写笔编译成 css 是有帮助的!

最新更新