mirror of
https://github.com/alex8088/electron-vite.git
synced 2026-05-05 05:44:08 +08:00
refactor!: simplify resolve config and isolate user config for sub-builds
This commit is contained in:
parent
d3095d24ab
commit
2765eea74d
222
src/config.ts
222
src/config.ts
@ -164,7 +164,8 @@ export async function resolveConfig(
|
|||||||
|
|
||||||
process.env.NODE_ENV = defaultMode
|
process.env.NODE_ENV = defaultMode
|
||||||
|
|
||||||
let userConfig: UserConfig | undefined
|
const userConfig: UserConfig | undefined = {}
|
||||||
|
|
||||||
let configFileDependencies: string[] = []
|
let configFileDependencies: string[] = []
|
||||||
|
|
||||||
let { configFile } = config
|
let { configFile } = config
|
||||||
@ -191,123 +192,20 @@ export async function resolveConfig(
|
|||||||
|
|
||||||
const outDir = config.build?.outDir
|
const outDir = config.build?.outDir
|
||||||
|
|
||||||
if (loadResult.config.main) {
|
const { main, preload, renderer } = loadResult.config
|
||||||
const mainViteConfig: MainViteConfig = mergeConfig(loadResult.config.main, deepClone(config))
|
|
||||||
|
|
||||||
mainViteConfig.mode = inlineConfig.mode || mainViteConfig.mode || defaultMode
|
if (main) {
|
||||||
|
userConfig.main = await new MainConfigFactory(main, config, { outDir, root }).build()
|
||||||
if (outDir) {
|
|
||||||
resetOutDir(mainViteConfig, outDir, 'main')
|
|
||||||
}
|
|
||||||
|
|
||||||
const configDrivenPlugins: PluginOption[] = await resolveConfigDrivenPlugins(mainViteConfig)
|
|
||||||
|
|
||||||
const builtInMainPlugins: PluginOption[] = [
|
|
||||||
electronMainConfigPresetPlugin({ root }),
|
|
||||||
electronMainConfigValidatorPlugin(),
|
|
||||||
assetPlugin(),
|
|
||||||
workerPlugin(),
|
|
||||||
modulePathPlugin(
|
|
||||||
mergeConfig(
|
|
||||||
{
|
|
||||||
plugins: [
|
|
||||||
electronMainConfigPresetPlugin({ root }),
|
|
||||||
assetPlugin(),
|
|
||||||
importMetaPlugin(),
|
|
||||||
esmShimPlugin(),
|
|
||||||
...configDrivenPlugins
|
|
||||||
]
|
|
||||||
},
|
|
||||||
mainViteConfig
|
|
||||||
)
|
|
||||||
),
|
|
||||||
importMetaPlugin(),
|
|
||||||
esmShimPlugin(),
|
|
||||||
...configDrivenPlugins
|
|
||||||
]
|
|
||||||
|
|
||||||
mainViteConfig.plugins = builtInMainPlugins.concat(mainViteConfig.plugins || [])
|
|
||||||
|
|
||||||
loadResult.config.main = mainViteConfig
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (loadResult.config.preload) {
|
if (preload) {
|
||||||
const preloadViteConfig: PreloadViteConfig = mergeConfig(loadResult.config.preload, deepClone(config))
|
userConfig.preload = await new PreloadConfigFactory(preload, config, { outDir, root }).build()
|
||||||
|
|
||||||
preloadViteConfig.mode = inlineConfig.mode || preloadViteConfig.mode || defaultMode
|
|
||||||
|
|
||||||
if (outDir) {
|
|
||||||
resetOutDir(preloadViteConfig, outDir, 'preload')
|
|
||||||
}
|
|
||||||
|
|
||||||
const configDrivenPlugins: PluginOption[] = await resolveConfigDrivenPlugins(preloadViteConfig)
|
|
||||||
|
|
||||||
const builtInPreloadPlugins: PluginOption[] = [
|
|
||||||
electronPreloadConfigPresetPlugin({ root }),
|
|
||||||
electronPreloadConfigValidatorPlugin(),
|
|
||||||
assetPlugin(),
|
|
||||||
importMetaPlugin(),
|
|
||||||
esmShimPlugin(),
|
|
||||||
...configDrivenPlugins
|
|
||||||
]
|
|
||||||
|
|
||||||
if (preloadViteConfig.build?.isolatedEntries) {
|
|
||||||
builtInPreloadPlugins.push(
|
|
||||||
isolateEntriesPlugin(
|
|
||||||
mergeConfig(
|
|
||||||
{
|
|
||||||
plugins: [
|
|
||||||
electronPreloadConfigPresetPlugin({ root }),
|
|
||||||
assetPlugin(),
|
|
||||||
importMetaPlugin(),
|
|
||||||
esmShimPlugin(),
|
|
||||||
...configDrivenPlugins
|
|
||||||
]
|
|
||||||
},
|
|
||||||
preloadViteConfig
|
|
||||||
)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
preloadViteConfig.plugins = builtInPreloadPlugins.concat(preloadViteConfig.plugins)
|
|
||||||
|
|
||||||
loadResult.config.preload = preloadViteConfig
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (loadResult.config.renderer) {
|
if (renderer) {
|
||||||
const rendererViteConfig: RendererViteConfig = mergeConfig(loadResult.config.renderer, deepClone(config))
|
userConfig.renderer = await new RendererConfigFactory(renderer, config, { outDir, root }).build()
|
||||||
|
|
||||||
rendererViteConfig.mode = inlineConfig.mode || rendererViteConfig.mode || defaultMode
|
|
||||||
|
|
||||||
if (outDir) {
|
|
||||||
resetOutDir(rendererViteConfig, outDir, 'renderer')
|
|
||||||
}
|
|
||||||
|
|
||||||
const builtInRendererPlugins: PluginOption[] = [
|
|
||||||
electronRendererConfigPresetPlugin({ root }),
|
|
||||||
electronRendererConfigValidatorPlugin()
|
|
||||||
]
|
|
||||||
|
|
||||||
if (rendererViteConfig.build?.isolatedEntries) {
|
|
||||||
builtInRendererPlugins.push(
|
|
||||||
isolateEntriesPlugin(
|
|
||||||
mergeConfig(
|
|
||||||
{
|
|
||||||
plugins: [electronRendererConfigPresetPlugin({ root })]
|
|
||||||
},
|
|
||||||
rendererViteConfig
|
|
||||||
)
|
|
||||||
)
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
rendererViteConfig.plugins = builtInRendererPlugins.concat(rendererViteConfig.plugins || [])
|
|
||||||
|
|
||||||
loadResult.config.renderer = rendererViteConfig
|
|
||||||
}
|
}
|
||||||
|
|
||||||
userConfig = loadResult.config
|
|
||||||
configFile = loadResult.path
|
configFile = loadResult.path
|
||||||
configFileDependencies = loadResult.dependencies
|
configFileDependencies = loadResult.dependencies
|
||||||
}
|
}
|
||||||
@ -322,6 +220,108 @@ export async function resolveConfig(
|
|||||||
return resolved
|
return resolved
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export abstract class ConfigFactory<T extends MainViteConfig | PreloadViteConfig | RendererViteConfig> {
|
||||||
|
constructor(
|
||||||
|
protected readonly baseConfig: T,
|
||||||
|
protected readonly inlineConfig: InlineConfig,
|
||||||
|
protected readonly options: { outDir?: string; root?: string }
|
||||||
|
) {}
|
||||||
|
|
||||||
|
async build(cleanMode?: boolean): Promise<T> {
|
||||||
|
/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
|
||||||
|
const config = mergeConfig(deepClone(this.baseConfig) as any, deepClone(this.inlineConfig)) as T
|
||||||
|
|
||||||
|
config.mode = this.inlineConfig.mode || config.mode || process.env.NODE_ENV
|
||||||
|
|
||||||
|
if (this.options.outDir) {
|
||||||
|
resetOutDir(config, this.options.outDir, this.processType())
|
||||||
|
}
|
||||||
|
|
||||||
|
const builtinPlugins = await this.resolveBuiltinPlugins(config, cleanMode)
|
||||||
|
|
||||||
|
config.plugins = builtinPlugins.concat(config.plugins || [])
|
||||||
|
|
||||||
|
return config
|
||||||
|
}
|
||||||
|
|
||||||
|
protected abstract processType(): 'main' | 'preload' | 'renderer'
|
||||||
|
|
||||||
|
protected abstract resolveBuiltinPlugins(config: T, cleanMode?: boolean): Promise<PluginOption[]>
|
||||||
|
}
|
||||||
|
|
||||||
|
export class MainConfigFactory extends ConfigFactory<MainViteConfig> {
|
||||||
|
protected processType(): 'main' {
|
||||||
|
return 'main'
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async resolveBuiltinPlugins(config: MainViteConfig, cleanMode?: boolean): Promise<PluginOption[]> {
|
||||||
|
const configDrivenPlugins: PluginOption[] = await resolveConfigDrivenPlugins(config)
|
||||||
|
|
||||||
|
return cleanMode
|
||||||
|
? [
|
||||||
|
electronMainConfigPresetPlugin({ root: this.options.root }),
|
||||||
|
assetPlugin(),
|
||||||
|
importMetaPlugin(),
|
||||||
|
esmShimPlugin(),
|
||||||
|
...configDrivenPlugins
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
electronMainConfigPresetPlugin({ root: this.options.root }),
|
||||||
|
electronMainConfigValidatorPlugin(),
|
||||||
|
assetPlugin(),
|
||||||
|
workerPlugin(),
|
||||||
|
modulePathPlugin(this),
|
||||||
|
importMetaPlugin(),
|
||||||
|
esmShimPlugin(),
|
||||||
|
...configDrivenPlugins
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export class PreloadConfigFactory extends ConfigFactory<PreloadViteConfig> {
|
||||||
|
protected processType(): 'preload' {
|
||||||
|
return 'preload'
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async resolveBuiltinPlugins(config: PreloadViteConfig, cleanMode?: boolean): Promise<PluginOption[]> {
|
||||||
|
const configDrivenPlugins: PluginOption[] = await resolveConfigDrivenPlugins(config)
|
||||||
|
|
||||||
|
return cleanMode
|
||||||
|
? [
|
||||||
|
electronPreloadConfigPresetPlugin({ root: this.options.root }),
|
||||||
|
assetPlugin(),
|
||||||
|
importMetaPlugin(),
|
||||||
|
esmShimPlugin(),
|
||||||
|
...configDrivenPlugins
|
||||||
|
]
|
||||||
|
: [
|
||||||
|
electronPreloadConfigPresetPlugin({ root: this.options.root }),
|
||||||
|
electronPreloadConfigValidatorPlugin(),
|
||||||
|
assetPlugin(),
|
||||||
|
importMetaPlugin(),
|
||||||
|
esmShimPlugin(),
|
||||||
|
...configDrivenPlugins,
|
||||||
|
...(config.build?.isolatedEntries ? [isolateEntriesPlugin(this)] : [])
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export class RendererConfigFactory extends ConfigFactory<RendererViteConfig> {
|
||||||
|
protected processType(): 'renderer' {
|
||||||
|
return 'renderer'
|
||||||
|
}
|
||||||
|
|
||||||
|
protected async resolveBuiltinPlugins(config: RendererViteConfig, cleanMode?: boolean): Promise<PluginOption[]> {
|
||||||
|
return cleanMode
|
||||||
|
? [electronRendererConfigPresetPlugin({ root: this.options.root })]
|
||||||
|
: [
|
||||||
|
electronRendererConfigPresetPlugin({ root: this.options.root }),
|
||||||
|
electronRendererConfigValidatorPlugin(),
|
||||||
|
...(config.build?.isolatedEntries ? [isolateEntriesPlugin(this)] : [])
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
function resetOutDir(config: ViteConfig, outDir: string, subOutDir: string): void {
|
function resetOutDir(config: ViteConfig, outDir: string, subOutDir: string): void {
|
||||||
let userOutDir = config.build?.outDir
|
let userOutDir = config.build?.outDir
|
||||||
if (outDir === userOutDir) {
|
if (outDir === userOutDir) {
|
||||||
|
|||||||
@ -3,6 +3,7 @@ import path from 'node:path'
|
|||||||
import { type InlineConfig, type Plugin, type LogLevel, type Rolldown, build as viteBuild, mergeConfig } from 'vite'
|
import { type InlineConfig, type Plugin, type LogLevel, type Rolldown, build as viteBuild, mergeConfig } from 'vite'
|
||||||
import colors from 'picocolors'
|
import colors from 'picocolors'
|
||||||
import { cleanUrl } from '../utils'
|
import { cleanUrl } from '../utils'
|
||||||
|
import type { ConfigFactory, PreloadViteConfig, RendererViteConfig } from '../config'
|
||||||
|
|
||||||
const VIRTUAL_ENTRY_ID = '\0virtual:isolate-entries'
|
const VIRTUAL_ENTRY_ID = '\0virtual:isolate-entries'
|
||||||
|
|
||||||
@ -13,7 +14,7 @@ const LogLevels: Record<LogLevel, number> = {
|
|||||||
info: 3
|
info: 3
|
||||||
}
|
}
|
||||||
|
|
||||||
export default function isolateEntriesPlugin(userConfig: InlineConfig): Plugin {
|
export default function isolateEntriesPlugin(factory: ConfigFactory<PreloadViteConfig | RendererViteConfig>): Plugin {
|
||||||
let entries: string[] | { [x: string]: string }[]
|
let entries: string[] | { [x: string]: string }[]
|
||||||
|
|
||||||
let transformedCount = 0
|
let transformedCount = 0
|
||||||
@ -49,6 +50,7 @@ export default function isolateEntriesPlugin(userConfig: InlineConfig): Plugin {
|
|||||||
|
|
||||||
async load(id): Promise<string | void> {
|
async load(id): Promise<string | void> {
|
||||||
if (id === VIRTUAL_ENTRY_ID) {
|
if (id === VIRTUAL_ENTRY_ID) {
|
||||||
|
const userConfig = await factory.build(true)
|
||||||
const shouldLog = LogLevels[userConfig.logLevel || 'info'] >= LogLevels.info
|
const shouldLog = LogLevels[userConfig.logLevel || 'info'] >= LogLevels.info
|
||||||
|
|
||||||
const watchFiles = new Set<string>()
|
const watchFiles = new Set<string>()
|
||||||
|
|||||||
@ -2,13 +2,14 @@ import { type Plugin, type InlineConfig, type Rolldown, build as viteBuild, merg
|
|||||||
import MagicString from 'magic-string'
|
import MagicString from 'magic-string'
|
||||||
import { cleanUrl, toRelativePath } from '../utils'
|
import { cleanUrl, toRelativePath } from '../utils'
|
||||||
import { supportImportMetaPaths } from '../electron'
|
import { supportImportMetaPaths } from '../electron'
|
||||||
|
import type { ConfigFactory, MainViteConfig } from '../config'
|
||||||
|
|
||||||
const modulePathRE = /__VITE_MODULE_PATH__([\w$]+)__/g
|
const modulePathRE = /__VITE_MODULE_PATH__([\w$]+)__/g
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Resolve `?modulePath` import and return the module bundle path.
|
* Resolve `?modulePath` import and return the module bundle path.
|
||||||
*/
|
*/
|
||||||
export default function modulePathPlugin(config: InlineConfig): Plugin {
|
export default function modulePathPlugin(factory: ConfigFactory<MainViteConfig>): Plugin {
|
||||||
const isImportMetaPathSupported = supportImportMetaPaths()
|
const isImportMetaPathSupported = supportImportMetaPaths()
|
||||||
const assetCache = new Set<string>()
|
const assetCache = new Set<string>()
|
||||||
return {
|
return {
|
||||||
@ -21,6 +22,7 @@ export default function modulePathPlugin(config: InlineConfig): Plugin {
|
|||||||
async load(id): Promise<string | void> {
|
async load(id): Promise<string | void> {
|
||||||
if (id.endsWith('?modulePath')) {
|
if (id.endsWith('?modulePath')) {
|
||||||
// id resolved by Vite resolve plugin
|
// id resolved by Vite resolve plugin
|
||||||
|
const config = await factory.build(true)
|
||||||
const bundles = await bundleEntryFile(cleanUrl(id), config)
|
const bundles = await bundleEntryFile(cleanUrl(id), config)
|
||||||
const [outputChunk, ...outputChunks] = bundles.output
|
const [outputChunk, ...outputChunks] = bundles.output
|
||||||
const hash = this.emitFile({
|
const hash = this.emitFile({
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user