reactjs - Reactjs，电子资产文件夹

Question

我需要从带有子目录的目录中动态加载图像。我将文件夹图像添加到 src，只要我使用 yarn start 启动应用程序，它就可以工作。但是该文件夹未打包到 dist 构建中。我试图将文件夹添加到 package.json

     "build": {
             "files":"images"
    }

我尝试使用公共目录，例如：

texturesPath = process.env.PUBLIC_URL +'/assets/data/textures/'

我知道如何导入图像，但我需要包含 200 个子目录的整个目录。我必须单独导入每张图片吗？

标签： reactjselectronelectron-builder

Answer 1

"build": {
         "files":"images"
}

当你设置它时，你的images将被打包到app.asar，所以你只需要调用path.join(__dirname, '/images/');来访问这个文件夹。

app.asar您可以在安装您的应用程序后提取并检查images那里的目录 (%localappdata%/programs/[YOUR_APP_NAME]/resources/app.asar)。