我一直在尝试在 electro-forge 应用程序中使用 Webpack 来加载资源(特别是图像),但没有成功。
主要问题是,当我使用带有“资产/资源”类型的 png 示例规则时,应用程序将无法运行并引发错误。
我的规则如下:
module.exports = [
// Add support for native node modules
{
test: /\.node$/,
use: 'node-loader',
},
{
test: /\.(m?js|node)$/,
parser: { amd: false },
use: {
loader: '@marshallofsound/webpack-asset-relocator-loader',
options: {
outputAssetBase: 'native_modules',
},
},
},
{
test: /\.tsx?$/,
exclude: /(node_modules|\.webpack)/,
use: {
loader: 'ts-loader',
options: {
transpileOnly: true
}
}
},
{
test: /\.(png|svg|jpg|jpeg|gif)$/i,
type: 'asset/resource'
}
];
Run Code Online (Sandbox Code Playgroud)
抛出的错误如下:
An unhandled error has occurred inside Forge:
Invalid configuration object. Webpack has …Run Code Online (Sandbox Code Playgroud)