how can I use fs in react with electron?

Question

I want use react+webpack+electron to build a desktop app.How can I inject fs module into react so that I can use it to read native files? I have a component such as

Answer 1

The easiest thing to do is probably to use webpack-target-electron-renderer, you can find examples of using it in electron-react-boilerplate.

Answer 2

use window.require() instead of require().

const fs = window.require('fs');