Webpack Electron forge捆绑构建中的静态资产

我正在使用electron forge构建一个electron应用程序，我正在使用webpack模板（）。在我的应用程序中，我需要包括静态资产（javascript、css和图像）

为了做到这一点，我在render.config.js文件中包含了

copy webpack plugin

，这在测试应用程序

electron forge start

时起作用，但是在尝试编译应用程序

electron forge build

时，构建中不包含资产

module.exports={
//把你的普通网页配置放在下面
模块：{
规则
},
插件：[
新CopyPlugin([
{from:'./src/images'，to:'images'}，
{from:'./src/js'，to:'js'}，
{from:'./src/css'，to:'css'}，
{从：'./src/webfont'，到：'webfont'}
])
]
}

我希望css和其他资产以与我测试应用程序时捆绑的方式捆绑在我的应用程序中

将CopyPlugin配置放在webpack.plugins.js文件中，而不是render.config.js

您的配置似乎不正确，因为它缺少该选项

您必须提供CopyPlugin的完整路径

样本：

module.exports = [
  new CopyPlugin({
    patterns: [
      {
        from: path.resolve(__dirname, '../app/localization/locales'),
        to: path.resolve(__dirname, '../.webpack/locales')
      }
    ]
  })
]

---

实际上，我在使用和复制一些资源文件时遇到了相同的问题

webpack.main.config.js

constcopyplugin=require（“复制网页包插件”）；
module.exports={
条目：'./src/index.ts'，
模块：{
规则：需要（“./webpack.rules”）
},
决心：{
扩展名：['.js'、'.ts'、'.jsx'、'.tsx'、'.css'、'.json']
},
插件：[
新CopyPlugin([
{from:'resources/credentials.json'，to:'resources/credentials.json'}
]),
]
}

在我的一个源文件中，我试图读取该文件

const-credentialsFile=fs.readFileSync（'resources/credentials.json'）；
const credentials=JSON.parse（credentialsFile.toString（））；

当使用

electron forge start

运行时，此功能有效，但当使用

electron forge软件包

构建二进制文件时，我会遇到以下异常：-

Uncaught Exception:
Error: ENOENT: no such file or directory, open 'resources/credentials.json'
    at Object.openSync (fs.js:476:3)
...

事实证明，在构建路径时，我只需添加

\uuu dirname

const credentialsFile = fs.readFileSync(path.join(__dirname, 'resources', 'credentials.json'));

---

还没有回复吗？

patterns

选项添加在后面，因此它是一种有效的格式。