stylus通过node监听文件变化实现自动编译

近日在学习 stylus ,由于没有使用webpack,需要手动编译,在网上找了,通过 -w 和node中间件实现自动化,奈何手动操作一番,都未果,遂自己用node实现了一个,如下

const fs = require('fs')
const filePath = './'

var exec = require('child_process').exec;
function execute(cmd){
  exec(cmd, function(error, stdout, stderr) {
    if(error){
      console.error(error);
    } else{
      console.log("[重新编译]:" + new Date().toLocaleString());
    }
  });
}

console.log(`正在监听.styl文件变化[ ${filePath}]`);

fs.watch(filePath,(event,filename)=> {
  var arr = filename.split('.')
  if ((filename && arr[arr.length-1].substr(0, 4) === 'styl') && event == 'change') {
    execute('stylus ./ -o ./');
  }
})

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值