我正在尝试将我的 Stylus 编译过程从CodeKit迁移到 Grunt。
以下是文件的结构:
/styl
- page-1.styl
- page-2.styl
- …
- /components
- header.styl
- footer.styl
- module-1.styl
- …
page-x.styl
目录根目录中的每个@import
语句都有从子目录中提取模块样式表的语句./styl/components
。
例如,page-1.styl
看起来像这样:
@import 'components/header'
@import 'components/module-1'
// Other styles here
.foo { … }
…
当我修改时components/header.styl
,CodeKit 巧妙地拾取@import
关系并相应地编译page-1.styl
(以及导入相同修改文件的其他文件),甚至components/header.styl
从编译中排除自己也可以获得奖励积分。
不出所料,单独使用grunt-contrib-watch
+不会发生这种情况。grunt-contrib-stylus
有没有人设法通过 Grunt 解决这个问题?