Как я могу использовать fs в реакции с электроном?

Я хочу, чтобы с помощью реагировать + веб-пакет + электрон для создания настольного приложения. Как я могу внедрить модуль fs в реагирование, чтобы я мог использовать его для чтения собственных файлов? У меня есть такой компонент, как:

class Some extends Component {
  render() {
    return <div>{this.props.content}</div>
  }
}
export default Some;

в entry.js:

import React from 'react';
import { render } from 'react-dom';
import Some from './src/some.jsx';

const data = "some content";
/*
 How can I read data by fs module?
 import fs from 'fs' doesn't work here
*/
render(
  <Some content={data} />,
  document.getElementById('app')
);

Я использую webpack для сборки js-кодов в bundle.js и в index.html.

...
<div id="app"></div>
<script src="bundle.js"></script>
...

В webpack.config.js:

...
plugins: [new webpack.IgnorePlugin(new RegExp("^(fs|ipc)$"))]
...

Я нахожу эту конфигурацию в Интернете, потому что, если я не добавлю ее, веб-пакет сообщит об ошибке, но я не знаю, как это означает.

И у меня есть очень простой main.js который совпадает с электронным быстрым стартом main.js

Я теряю некоторые важные вещи?

Это не может быть лучше, если вы можете предоставить существующий пример на GitHub репо.

Ответ 1

используйте window.require() вместо require().

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