FGD · 它是 vue-next 操作文件的“御用”库

tech2022-08-29  121

FGD(FE GitHub Daily),前端 GitHub Daily, 由公众号素燕组织,每天分享一个前端实用的库,旨在拓宽技术视野,为业务快速找到低成本的解决方案。

推荐理由

在各种前端开工具链当中,大多都会操作文件。node 本身提供了 fs 模块,但用起来多有不便,前端最不缺的是工具库,只要你能想到就能找到对应的库。

在 vue-next 项目中,我发现作者使用的是 fs-extra,这个库用起来比较方便,大多数 api 都提供了多种实现方式,比如同步异步、Promise、async、await。不过需要使用 node 的版本为 10.12.0 版本或以上。

我们一起体验下复制文件的 api :

// 引入模块 const fs = require('fs-extra') // 使用 promise 的方式,异步调用 fs.copy('/myfile', '/mynewfile')   .then(() => console.log('success!'))   .catch(err => console.error(err)) // 引入模块 const fs = require('fs-extra') // 使用 Async/Await 异步调用: async function copyFiles () {   try {     await fs.copy('/myfile', '/mynewfile')     console.log('success!')   } catch (err) {     console.error(err)   } } // 引入模块 const fs = require('fs-extra') // 同步调用: try {   fs.copySync('/myfile', '/mynewfile')   console.log('success!') } catch (err) {   console.error(err) } // 引入模块 const fs = require('fs-extra') // 使用 callback 的方式,异步调用 fs.copy('/myfile', '/mynewfile', err => {   if (err) return console.error(err)   console.log('success!') })

GitHub 指数

fs-extra adds file system methods that aren't included in the native fs module and adds promise support to the fs methods. It also uses graceful-fs to prevent EMFILE errors. It should be a drop in replacement for fs.

Star 数 7.1k

https://github.com/jprichardson/node-fs-extra

长按关注

素燕《前端小课》

帮助 10W 人入门并进阶前端

最新回复(0)