web-dev-qa-db-ja.com

電子との反応でfsをどのように使用できますか？

React + webpack + electronを使用してデスクトップアプリを作成したいのですが、fsモジュールをreactに挿入して、ネイティブファイルを読み取るために使用できますか？私は次のようなコンポーネントを持っています：

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)$"))]
...

これを追加しないとWebpackがエラーを報告するので、インターネットでこの構成を見つけますが、これがどういう意味かわかりません。

そして、私はとても簡単ですmain.jsこれはelectron-quick-startのmain.jsと同じです

重要なものをいくつか失いますか？

Uがgithub repoの既存の例を提供できれば、それは良くありません。

reactjswebpackelectron
14
caibirdme

window.require()の代わりにrequire()を使用してください。

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

最も簡単な方法は、おそらく webpack-target-electron-renderer を使用することです。 electron-react-boilerplate で使用例を見つけることができます。

6
Vadim Macagon