webpack 读取文件夹下的文件_webpack 里面是如何读写文件的?

本文探讨了webpack在构建过程中如何通过NodeOutputFileSystem和mkdirp库进行文件和目录的读写操作。NodeOutputFileSystem类绑定了fs模块的方法,如mkdirp、writeFile等,实现了在编译阶段的文件系统交互。Webpack的outputFileSystem属性在NodeEnvironmentPlugin中被设置为NodeOutputFileSystem实例,从而在非浏览器环境中处理文件系统操作。
摘要由CSDN通过智能技术生成

原标题:webpack 里面是如何读写文件的?

之前转发了一篇《 copy-webpack-plugin 的实现原理剖析 》里面有提到了

虽然最终所有的依赖文件都放置到了 compilation.assets对象里面,但是还是需要 写入到 output 配置的文件目录下面。

那问题来了,之前提到的?

outputFileSystem是什么?

它里面的 mkdirp、writeFile 都是如何绑定的

大家都知道, web 的 js 是没有写文件和创建目录的能力的~

我们先打印一下:this. outputFileSystem

里面是一个 NodeOutputFileSystem

this.outputFileSysteminemitFiles

-----------

NodeOutputFileSystem{

mkdirp:

{ [Function: mkdirP]

mkdirP: [Circular],

mkdirp: [Circular],

sync: [Function: sync] },

mkdir: [Function: bound ],

rmdir: [Function: bound ],

unlink: [Function: bound ],

writeFile: [Function: bound ],

join: [Function: bound join]}

熟悉 webpack 源码目录的,在 lib 里面有一个文件夹 node

我们看到&#

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值