phpstorm使用file watcher配置stylus

背景:

项目有使用stylus,经常要手动编译成css,其实挺麻烦的。后来发现ide本身有个file watcher可以完成自动编译功能。这教程适合其他修改后立即要编译的程序,入sass之类的。

废话不说,直接祭出配置

 

Program:【这里指定在项目里面的stylus,需要在项目npm install后才有】

Arguments:

参数解释:

 

 

中间遇到几个问题

  1. stylus版本问题【由于开发环境是docker容器,宿主和container的node的stylus版本可能不一致】
  2. file watcher和stylus 的-w参数冲突问题
  3. stylus依赖的node包的可能不一致
  4. 压缩功能
  5. file watcher参数配置

 

由于容器和宿主的node的环境不一致,当时产生了莫名其妙的错误。

node和stylus的版本折腾成一致后,发现老找不到bid包,然后又一顿搜索,发现是引入包的问题,其实还是node版本的问题,然后用stylus -I 指定包目录解决。

压缩需要使用stylus –compress 参数

后来又发现ide的file watcher貌似不会结束,一直在进行中,看了下。然后懂了,网传的 -w参数是stylus自带的监听文件变更,他的功能跟file watcher是一样的,去掉就好了。

 

终于可以用了。顺便吐槽下nodejs的报错,牛头不对马嘴的感觉。。。。参数配置错了,说语法错误。。。尴尬。。。。找不到包,也说语法错误,”期待缩进,但是出现;”,这句把我没写过nodejs的人坑的非常惨烈,一直轻信node的报错,各种找语法,还去修改官方的包。。。特别惨。。。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.