WIP, do not use it directly in the production environment.
Export Next generation Electron build tooling based on Rsbuild.
- install core package:
pnpm add @electron-rsbuild/core- update
package.jsonfile like this:
{
"scripts": {
"start": "electron-rsbuild preview",
"dev": "electron-rsbuild dev",
"build": "electron-rsbuild build"
}
}- create a
electron.rsbuild.config.tsfile to your project root directory:
import { resolve } from 'path';
import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';
export default defineConfig({
root: resolve(__dirname, '.'),
environments: {
// main
main: {},
// preload
preload: {},
// renderer
renderer: {
plugins: [pluginReact()],
},
},
});Note that if you use electron-rsbuild as a plugin, you will be missing a lot of built-in features.
pnpm add -D @rsbuild/plugin-main @rsbuild/plugin-preload @rsbuild/plugin-rendererupdate rsbuild.config.ts:
import { resolve } from 'path';
import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';
import { mainPlugin } from '@electron-rsbuild/plugin-main';
import { preloadPlugin } from '@electron-rsbuild/plugin-preload';
import { rendererPlugin } from '@electron-rsbuild/plugin-renderer';
export default defineConfig({
root: resolve(__dirname, '.'),
environments: {
// main
main: {
plugins: [mainPlugin()],
},
// preload
preload: {
plugins: [preloadPlugin()],
},
// renderer
renderer: {
plugins: [pluginReact(), rendererPlugin()],
},
},
});package.json:
"scripts": {
"dev": "rsbuild dev",
"build": "rsbuild build"
}
Use npm create [email protected] create a electron-rsbuild project:
Use pnpm run dev launch electron:
New contributors welcome!
Please read the Contributing Guide.
Electron-Rsbuild is licensed under the MIT License.