@tomjs/vite-plugin-target
v1.0.2
Published
Make Vite support Electron, Node.js, etc.
Downloads
5
Readme
@tomjs/vite-plugin-target
Make Vite support Electron, Node.js, etc.
This library just fixes the types issue of vite-plugin-target
Install
# pnpm
pnpm add @tomjs/vite-plugin-target -D
# yarn
yarn add @tomjs/vite-plugin-target -D
# npm
npm add @tomjs/vite-plugin-target -D
Examples
- electron - with Vite.
- vite-electron-plugin - with vite-electron-plugin.
Usage
import target from '@tomjs/vite-plugin-target'
// Electron Renderer
export default {
plugins: [
target({
'electron-renderer': {},
}),
],
}
// Electron Preload
export default {
plugins: [
target({
'electron-preload': {},
}),
],
}
// Electron Main
export default {
plugins: [
target({
'electron-main': {},
}),
],
}
// Node.js
export default {
plugins: [
target({
node: {},
}),
],
}
API (Define)
target(options: Options)
export interface NodeOptions {
/**
* Pass to `config.esbuild.target`
*/
version?: string;
}
export interface ElectronOptions extends NodeOptions {
nodeIntegration?: boolean;
}
export type Options =
| { node: NodeOptions }
| { 'electron-main': NodeOptions }
| { 'electron-preload': ElectronOptions }
| { 'electron-renderer': ElectronOptions };
How to work?
For
node
electron-main
electron-preload
, the plugin only changes a few preset configurations.electron-renderer
withnodeIntegration
.┏————————————————————————————————————————┓ ┏—————————————————┓ │ import { ipcRenderer } from 'electron' │ │ Vite dev server │ ┗————————————————————————————————————————┛ ┗—————————————————┛ │ │ │ 1. HTTP(Request): electron module │ │ ————————————————————————————————————————————————> │ │ │ │ │ │ 2. Intercept in load-hook(Plugin) │ │ 3. Generate a virtual ESM module(electron) │ │ ↓ │ │ const { ipcRenderer } = require('electron') │ │ export { ipcRenderer } │ │ │ │ │ │ 4. HTTP(Response): electron module │ │ <———————————————————————————————————————————————— │ │ │ ┏————————————————————————————————————————┓ ┏—————————————————┓ │ import { ipcRenderer } from 'electron' │ │ Vite dev server │ ┗————————————————————————————————————————┛ ┗—————————————————┛