對(duì)node不是很熟，簡(jiǎn)單實(shí)用而已。但是fs是node提供的模塊，只能在node環(huán)境中才能執(zhí)行相關(guān)方法，如果你的react是要運(yùn)行在瀏覽器的，那這里是不可能調(diào)用fs模塊的，因?yàn)闉g覽器并沒有提供fs相關(guān)api。在 webpack 執(zhí)行時(shí)候可以使用fs是因?yàn)?code>webpack本身是運(yùn)行在node環(huán)境中的，不要把node環(huán)境和瀏覽器環(huán)境弄混了。

由于js可以運(yùn)行在瀏覽器也可能是node。本質(zhì)上node和瀏覽器都是javascript運(yùn)行時(shí)。

因此首先你要明白一點(diǎn)就是你的代碼最終是運(yùn)行在哪的, 是瀏覽器還是node。

這也就是為什么webpack有target這個(gè)配置的原因。 詳情： https://webpack.js.org/concep...

明白了你的代碼最終運(yùn)行在哪就好辦了，如果是node，直接修改webpack target配置即可。 webpack便不會(huì)對(duì)fs等node內(nèi)置模塊進(jìn)行打包。如果是瀏覽器， 那你就要好好思考一下了，為什么需要在瀏覽器中使用fs這個(gè)模塊。

當(dāng)然還有一種情況就是你需要在本地中使用fs讀取文件，然后真正打包的時(shí)候不打包進(jìn)去，那么你可以通過(guò)webpack的 definePlugin來(lái)完成。

希望我的回答可以幫助到你，謝謝～