我想使用 react+webpack+electron 来构建一个桌面应用程序。如何将fsmodule注入 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,与电子快速启动的 main.js 相同
我会失去一些重要的东西吗?
如果你能在 github repo 上提供一个现有的例子,那就再好不过了。