Я хочу, чтобы с помощью реагировать + веб-пакет + электрон для создания настольного приложения. Как я могу внедрить модуль 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 репо.