Javascript 电子文件内部存储

问：我想让我的电子应用程序有一个内置的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文件中，但文件大小至少为10mb，因此捆绑的速度会很慢。

您最好的选择是使用您可以在加载资产时创建一个启动屏幕，因为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
    }
});

---

捆绑应用程序时，文件将存储在哪里？构建应用程序时，模型目录应与应用程序捆绑在一起。如果您询问位置以便可以读取它们，您可以像在我的示例中一样使用，这将返回当前文件在中的位置。