例如编译此文件夹结构,
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 是有帮助的!