静态资源的编译路径问题

[fwjyttbtx]

Describe the bug

outDir被设置后，编译后静态资源的引用地址会变成相对地址加全路径的样式
outDir那怕设置和默认的输出地址out/main一致也会出现此现象

Electron-Vite Version

1.0.19

Electron Version

23.1.0

Vite Version

4.1.4

Validations

• Follow the Code of Conduct.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[alex8088]

如何引入静态资源？

[fwjyttbtx]

使用的文档的?asset引入的资源

import logo from '../../resources/icons/logo.ico?asset';
import logoTemplate from '../../resources/logoTemplate.png?asset';

配置如下：

import { defineConfig } from 'electron-vite';

export default defineConfig(({ mode }) => {
  return {
    main: {
      build: {
        outDir: 'dist/main',
        lib: {
          name: 'mdos',
          entry: 'src/main/index.ts',
        },
      },
    },
})

[fwjyttbtx]

如何引入静态资源？

脚手架下载的项目做配置也会有这样的问题

import { defineConfig, externalizeDepsPlugin } from 'electron-vite'

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()],
    build: {
      outDir: 'dist/main'
    }
  },
  preload: {
    plugins: [externalizeDepsPlugin()]
  },
  renderer: {}
})

index.js

"use strict";
const electron = require("electron");
const path = require("path");
const utils = require("@electron-toolkit/utils");
const icon = path.join(__dirname, "../../E:/Workspace/VSCodeProjects/electron-vite-app4/resources/icon.png");

[alex8088]

初始化项目是否正常？

[alex8088]

可重现这个问题，独立修改某个配置outDir，会有此问题。

处理方式有两种：

1. main/preload/renderer 的 outDir 都配置
2. 通过CLI处理 electron-vite dev/build/preview --outDir=dist

[alex8088]

通常要确保main、preload和renderer都要输出到一个目录中。各项独立配置时需要确保一级目录是一致的即是这里的dist, 推荐第二种处理方式， 无需太多配置。此问题待后续版本优化处理。

谢谢反馈问题 🤝

[fwjyttbtx]

ok, 感谢解答

[alex8088]

@fwjyttbtx 提醒一下，因为electron-builder默认构建输出目录是dist，因此将代码输出目录改为dist时，需要修改electron-builder的输出目录（查阅文档），不然会有冲突，会导致打包包裹上一次打包的文件。

[fwjyttbtx]

@fwjyttbtx 提醒一下，因为electron-builder默认构建输出目录是dist，因此将代码输出目录改为dist时，需要修改electron-builder的输出目录（查阅文档），不然会有冲突，会导致打包包裹上一次打包的文件。

因为改动了构建的输出目录为release所以才会出现这样的问题 :)