node写一个小脚本,批量将stylus文件编译成css文件

更新日期: 2019-03-14阅读: 2.5k标签: stylus

1.首先需要读取文件,所以需要引入node中的文件系统

fs.readdir(dir, function(err, files) {});读取一个文件夹,dir:文件夹名,callback参数files:返回dir下所有的文件名
fs.statSync(path).isDirectory();判断一个目录是否问一个文件夹

const fs = require('fs');


2.新建一个子进程利用child_process模块


3.将stylus文件实时编译成css文件的命令是

stylus -w styl -o css

将styl文件夹的.styl文件编译到css文件夹下


4.文件夹目录结构


具体实现的代码

const fs = require('fs')
const { exec }  = require('child_process') // 创建子进程的方法
// 其中最原始的创建方法是spawn,exec,execFile,fork都是对spawan不同程度的封装

// exec的实现原理是启动了一个系统shell来解析参数,通俗解释,用cmd来运行一段命令?它还有一个回调函数
function readFile(dir, callback) {
    callback(dir);
    fs.readdir(dir, (err, files) => {
      if (files && files.length) {
        files.forEach(file => {
          var arr = file.split('.');
          arr.pop();
          var path = dir + '/' + file;
          if (fs.statSync(path).isDirectory()) { 
            readFile(path, callback);
          }
        })
      }
    })
}


readFile('styl', function(dir) {
    var ls = exec(`stylus -w ${dir.replace('styl', './styl')} -o ${dir.replace('styl', './css')}`, (err, stdout, stderr) => {
      if (err) {
        console.log(`error: ${err}`);
      }   
    })
    ls.stdout.on("data", (data) => {
      console.log(`stdout: ${data}`);
    })
    ls.stderr.on("data", (data) => {
      console.log(`stderr: ${data}`);
    })
    ls.on("close", (code) => {
      console.log(`子进程退出: ${code}`);
    })
})

链接: https://www.fly63.com/article/detial/2367

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!