feat: bundler config refactor (#5840)

Author: vallemar

lib/bootstrap.ts

@@ -414,8 +414,8 @@ injector.require(
 injector.requirePublic("cleanupService", "./services/cleanup-service");
 
 injector.require(
-	"webpackCompilerService",
-	"./services/webpack/webpack-compiler-service",
+	"bundlerCompilerService",
+	"./services/bundler/bundler-compiler-service",
 );
 
 injector.require(

lib/constants.ts

@@ -16,6 +16,7 @@ export const SCOPED_TNS_CORE_MODULES = "@nativescript/core";
 export const TNS_CORE_THEME_NAME = "nativescript-theme-core";
 export const SCOPED_TNS_CORE_THEME_NAME = "@nativescript/theme";
 export const WEBPACK_PLUGIN_NAME = "@nativescript/webpack";
+export const RSPACK_PLUGIN_NAME = "@nativescript/rspack";
 export const TNS_CORE_MODULES_WIDGETS_NAME = "tns-core-modules-widgets";
 export const UI_MOBILE_BASE_NAME = "@nativescript/ui-mobile-base";
 export const TNS_ANDROID_RUNTIME_NAME = "tns-android";
@@ -36,6 +37,7 @@ export const XML_FILE_EXTENSION = ".xml";
 export const PLATFORMS_DIR_NAME = "platforms";
 export const HOOKS_DIR_NAME = "hooks";
 export const WEBPACK_CONFIG_NAME = "webpack.config.js";
+export const RSPACK_CONFIG_NAME = "rspack.config.js";
 export const TSCCONFIG_TNS_JSON_NAME = "tsconfig.tns.json";
 export const KARMA_CONFIG_NAME = "karma.conf.js";
 export const LIB_DIR_NAME = "lib";
@@ -223,6 +225,7 @@ export const FILES_CHANGE_EVENT_NAME = "filesChangeEvent";
 export const INITIAL_SYNC_EVENT_NAME = "initialSyncEvent";
 export const PREPARE_READY_EVENT_NAME = "prepareReadyEvent";
 export const WEBPACK_COMPILATION_COMPLETE = "webpackCompilationComplete";
+export const BUNDLER_COMPILATION_COMPLETE = "bundlerCompilationComplete";
 
 export class DebugCommandErrors {
 	public static UNABLE_TO_USE_FOR_DEVICE_AND_EMULATOR =

lib/controllers/prepare-controller.ts

@@ -67,7 +67,7 @@ export class PrepareController extends EventEmitter {
 		private $prepareNativePlatformService: IPrepareNativePlatformService,
 		private $projectChangesService: IProjectChangesService,
 		private $projectDataService: IProjectDataService,
-		private $webpackCompilerService: IWebpackCompilerService,
+		private $bundlerCompilerService: IBundlerCompilerService,
 		private $watchIgnoreListService: IWatchIgnoreListService,
 		private $analyticsService: IAnalyticsService,
 		private $markingModeService: IMarkingModeService,
@@ -117,8 +117,8 @@ export class PrepareController extends EventEmitter {
 			this.watchersData[projectDir][platformLowerCase] &&
 			this.watchersData[projectDir][platformLowerCase].hasWebpackCompilerProcess
 		) {
-			await this.$webpackCompilerService.stopWebpackCompiler(platformLowerCase);
-			this.$webpackCompilerService.removeListener(
+			await this.$bundlerCompilerService.stopBundlerCompiler(platformLowerCase);
+			this.$bundlerCompilerService.removeListener(
 				WEBPACK_COMPILATION_COMPLETE,
 				this.webpackCompilerHandler,
 			);
@@ -177,7 +177,7 @@ export class PrepareController extends EventEmitter {
 				prepareData,
 			);
 		} else {
-			await this.$webpackCompilerService.compileWithoutWatch(
+			await this.$bundlerCompilerService.compileWithoutWatch(
 				platformData,
 				projectData,
 				prepareData,
@@ -296,15 +296,15 @@ export class PrepareController extends EventEmitter {
 			};
 
 			this.webpackCompilerHandler = handler.bind(this);
-			this.$webpackCompilerService.on(
+			this.$bundlerCompilerService.on(
 				WEBPACK_COMPILATION_COMPLETE,
 				this.webpackCompilerHandler,
 			);
 
 			this.watchersData[projectData.projectDir][
 				platformData.platformNameLowerCase
 			].hasWebpackCompilerProcess = true;
-			await this.$webpackCompilerService.compileWithWatch(
+			await this.$bundlerCompilerService.compileWithWatch(
 				platformData,
 				projectData,
 				prepareData,
@@ -560,7 +560,7 @@ export class PrepareController extends EventEmitter {
 		if (this.pausedFileWatch) {
 			for (const watcher of watchers) {
 				for (const platform in watcher) {
-					await this.$webpackCompilerService.stopWebpackCompiler(platform);
+					await this.$bundlerCompilerService.stopBundlerCompiler(platform);
 					watcher[platform].hasWebpackCompilerProcess = false;
 				}
 			}
@@ -569,7 +569,7 @@ export class PrepareController extends EventEmitter {
 				for (const platform in watcher) {
 					const args = watcher[platform].prepareArguments;
 					watcher[platform].hasWebpackCompilerProcess = true;
-					await this.$webpackCompilerService.compileWithWatch(
+					await this.$bundlerCompilerService.compileWithWatch(
 						args.platformData,
 						args.projectData,
 						args.prepareData,

lib/definitions/project.d.ts

@@ -121,6 +121,7 @@ export interface IOSLocalSPMPackage extends IOSSPMPackageBase {
 }
 
 export type IOSSPMPackage = IOSRemoteSPMPackage | IOSLocalSPMPackage;
+export type BundlerType = "webpack" | "rspack" | "vite";
 
 interface INsConfigIOS extends INsConfigPlaform {
 	discardUncaughtJsExceptions?: boolean;
@@ -183,6 +184,7 @@ interface INsConfig {
 	overridePods?: string;
 	webpackConfigPath?: string;
 	bundlerConfigPath?: string;
+	bundler?: BundlerType;
 	ios?: INsConfigIOS;
 	android?: INsConfigAndroid;
 	visionos?: INSConfigVisionOS;
@@ -216,7 +218,16 @@ interface IProjectData extends ICreateProjectData {
 	 * Value is true when project has nativescript.config and it has `shared: true` in it.
 	 */
 	isShared: boolean;
-
+	/**
+	 * Specifies the bundler used to build the application.
+	 *
+	 * - `"webpack"`: Uses Webpack for traditional bundling.
+	 * - `"rspack"`: Uses Rspack for fast bundling.
+	 * - `"vite"`: Uses Vite for fast bundling.
+	 *
+	 * @default "webpack"
+	 */
+	bundler: BundlerType;
 	/**
 	 * @deprecated Use bundlerConfigPath
 	 * Defines the path to the configuration file passed to webpack process.

lib/project-data.ts

@@ -5,6 +5,7 @@ import { parseJson } from "./common/helpers";
 import { EOL } from "os";
 import { cache } from "./common/decorators";
 import {
+	BundlerType,
 	INsConfig,
 	IProjectConfigService,
 	IProjectData,
@@ -100,6 +101,7 @@ export class ProjectData implements IProjectData {
 	public isShared: boolean;
 	public webpackConfigPath: string;
 	public bundlerConfigPath: string;
+	public bundler: BundlerType;
 	public initialized: boolean;
 
 	constructor(
@@ -213,6 +215,13 @@ export class ProjectData implements IProjectData {
 				this.nsConfig && this.nsConfig.bundlerConfigPath
 					? path.resolve(this.projectDir, this.nsConfig.bundlerConfigPath)
 					: null;
+			this.bundler =
+				this.nsConfig && this.nsConfig.bundler
+					? (path.resolve(
+							this.projectDir,
+							this.nsConfig.bundler,
+						) as BundlerType)
+					: "webpack";
 			return;
 		}