zoukankan      html  css  js  c++  java
  • vue Chokidar

    chokidar.watch(paths, [options])

    • 构造一个chokidar监听实例。

    • paths

      • 一个字符串或者是一个数组,描述监听的文件或者文件夹的路径
    • options
      • 对象数据类型,常用配置项:
        • persistent:bollean,与原生fs.watch一样,表示是否保护进程不退出持久监听,默认值为true
        • ignored:string,所要忽略监听的文件或者文件夹
        • ignoreInitial:bollean,表示是否对增加文件或者增加文件夹的时候进行发送事件,默认值为false表示add/addDir会触发事件
        • cwd:string类型,没有默认值,类似于appBasepath,监听的paths所相对的路径。
        • usePolling:bollean,表示是否使用前面提到的fs.watchFile()进行轮询操作,由于轮询会导致cpu飙升,所以此选项通常在需要通过网络监视文件的时候才设置为true即使用fs.watchFile(),默认值为false
        • depth:number类型,没有默认值,如果设定则表示限定了会递归监听多少个子目录。

    eg:

    const chokidar = require('chokidar')
    
    chokidar.watch('testFolder', {
      persistent: true,
      ignored: /(^|[/\])../,//忽略点文件
      cwd: '.',//表示当前目录
      depth:99//到位了....
    }).on('all', (event, path) => {//监听除了ready, raw, and error之外所有的事件类型
      console.log(event, path);
    });

    运行该代码之后:

    表明在实例化监听对象的时候,因为默认ignoreInitial: false,chokidar会发emmit add/addDir事件,而此时要是在options对象中增加了ignoreInitial: true,表明忽略监听初始化追踪的栈事件,则在实例化得时候就不会捕捉到add/addDir事件了

    此外,chokidar也提供了更加多的事件层次,通过更多的options配合做到对文件的更好的监控,其中支持的事件有:

    事件名称意义
    add 新增文件时触发
    addDir 新增文件夹的时候触发
    unlink 对应的文件的删除
    unlinkDir 对应的文件夹的删除
    change 文件内容改变时触发

    https://isliulei.com/article/Node-WatchFile/

  • 相关阅读:
    WPF中如何确定一个页面是否是在浏览器中承载的
    WPF中Image控件的Source属性
    WPF中如何使用代码操作数据模板生成的控件
    WPF中连续旋转时角度错误的问题
    在没有 IIS 的条件下运行 ASMX(转自 msdn)
    在 ASP.NET 2.0 中上载文件 —— 解决文件大小限制
    javascript专题:如何构建自己的js库
    WPF4多点触摸事件
    事件冒泡
    《精通javascript》几个简单的函数(一)
  • 原文地址:https://www.cnblogs.com/Mint-diary/p/14952931.html
Copyright © 2011-2022 走看看