内部にファイルを保存する電子

Question

質問：私の電子アプリには3Dモデルが組み込まれていますが、それについてはどうすればよいでしょうか？

私は現在、dist/models/foot.babylonに格納しています。アプリケーションを開いたときにファイルを読み込みたいのですが、fetch('/models/foot.babylon')を使ってみましたが、うまくいきませんでした。

私のフォルダ構造。

├──.babelrc 
├──.eslintrc 
├──.flowconfig 
├──.gitignore 
├──LICENSE 
├──README.md 
├──dist 
│ ├──bundle.css 
│ ├──bundle.js 
│ ├──index.html 
│ └──models 
│  ├──foot.babylon 
├──main.js 
├──package-lock.json 
├──package.json 
├──src 
│ ├──actions 
│ │ ├──files.js 
│ │ ├──index.js 
│ │ └──types.js 
│ ├──components 
│ ├──containers 
│ │ ├──Analyser 
│ │ ├──App 
│ │ ├──Header 
│ │ └──LiveData 
│ ├──engines 
│ │ ├──RenderEngine.js 
│ │ └──Scene.js 
│ ├──helpers 
│ ├──index.js 
│ ├──menu.js 
│ ├──reducers 
│ ├──routes.js 
│ └──store 
│  └──index.js 
├──template.ejs 
├──tools 
├──webpack.build.config.js 
├──webpack.dev.config.js 
└──yarn.lock 

は、私はおそらく私の.jsファイルのいずれかにそれを文字列としてインポートしますが、ファイルサイズは、少なくとも10メガバイトので、束ねる遅くなる可能性があります。

Answer 1

fsベストセラーにするには、fsが非同期であるために資産が読み込まれるときにスプラッシュ画面を作成することができます。

fs.readFile(__dirname + "/models/foot.babylon", (err, data) => { 
    if (err) { 
     console.error(err); 
    } else { 
     console.log(data); 
     // Process file data 
     // Remove splash screen and show app 
    } 
});