NXT-573: Added Vite Plugin

CHANGELOG.md

@@ -1,3 +1,10 @@
+# unreleased
+
+* `ViteHtmlPlugin`: Added a new plugin to render the HTML document for Vite builds, the counterpart to `HtmlWebpackPlugin`.
+* `ViteILibPlugin`: Added a new plugin to define the `ILIB_*` constants and supply the iLib locale and resource data for Vite builds, with locale filtering support.
+* `ViteWebOSMetaPlugin`: Added a new plugin to emit the webOS `appinfo.json` and its referenced assets for Vite builds.
+* `mixins`: Added `applyVite` and the Vite mixins supporting `--isomorphic`, `--framework`/`--externals`, `--snapshot`, and the `--no-minify`/`--verbose`/`--stats` build options.
+
 # 7.0.5 (June 23, 2026)
 
 * `option-parser`: Set default theme config to `limestone`.

index.js

@@ -26,5 +26,8 @@ exportOnDemand({
 	PrerenderPlugin: () => require('./plugins/PrerenderPlugin'),
 	SnapshotPlugin: () => require('./plugins/SnapshotPlugin'),
 	VerboseLogPlugin: () => require('./plugins/VerboseLogPlugin'),
-	WebOSMetaPlugin: () => require('./plugins/WebOSMetaPlugin')
+	WebOSMetaPlugin: () => require('./plugins/WebOSMetaPlugin'),
+	ViteHtmlPlugin: () => require('./plugins/ViteHtmlPlugin'),
+	ViteILibPlugin: () => require('./plugins/ViteILibPlugin'),
+	ViteWebOSMetaPlugin: () => require('./plugins/ViteWebOSMetaPlugin')
 });

mixins/externals.js

@@ -3,6 +3,7 @@ const path = require('path');
 const helper = require('../config-helper');
 const packageRoot = require('../package-root');
 const EnactFrameworkRefPlugin = require('../plugins/dll/EnactFrameworkRefPlugin');
+const {reactLibraries} = require('./framework-libraries');
 
 module.exports = {
 	apply: function (config, opts = {}) {
@@ -13,7 +14,7 @@ module.exports = {
 		const htmlPluginInstance = helper.getPluginByName(config, 'HtmlWebpackPlugin');
 		const webOSMetaPluginInstance = helper.getPluginByName(config, 'WebOSMetaPlugin');
 
-		const libraries = ['@enact', 'react', 'react-dom', 'react-dom/client', 'react-dom/server', 'ilib'];
+		const libraries = ['@enact', ...reactLibraries, 'ilib'];
 
 		const app = packageRoot();
 		if (

mixins/framework-libraries.js

@@ -0,0 +1,21 @@
+// Shared constants for the framework/externals mixins (webpack `framework.js` +
+// `externals.js` and the Vite `vite-framework.js`). The build ALGORITHMS differ per
+// bundler (webpack DLL vs Vite import map), but these library lists are common.
+
+// @enact packages that are build/test tooling — never part of the runtime framework
+// bundle (excluded from the framework glob / specifier enumeration).
+const nonRuntimeEnactPackages = [
+	'dev-utils',
+	'docs-utils',
+	'storybook-utils',
+	'ui-test-utils',
+	'screenshot-test-utils'
+];
+
+// The react packages bundled into / externalized to the shared framework.
+const reactLibraries = ['react', 'react-dom', 'react-dom/client', 'react-dom/server'];
+
+module.exports = {
+	nonRuntimeEnactPackages,
+	reactLibraries
+};

mixins/framework.js

@@ -4,6 +4,7 @@ const fastGlob = require('fast-glob');
 const helper = require('../config-helper');
 const packageRoot = require('../package-root');
 const EnactFrameworkPlugin = require('../plugins/dll/EnactFrameworkPlugin');
+const {nonRuntimeEnactPackages, reactLibraries} = require('./framework-libraries');
 
 module.exports = {
 	apply: function (config, opts = {}) {
@@ -24,11 +25,7 @@ module.exports = {
 						'**/karma.conf.js',
 						'**/build/**/*.*',
 						'**/dist/**/*.*',
-						'**/@enact/dev-utils/**/*.*',
-						'**/@enact/docs-utils/**/*.*',
-						'**/@enact/storybook-utils/**/*.*',
-						'**/@enact/ui-test-utils/**/*.*',
-						'**/@enact/screenshot-test-utils/**/*.*',
+						...nonRuntimeEnactPackages.map(p => '**/@enact/' + p + '/**/*.*'),
 						'**/ilib/localedata/**/*.*',
 						path.join(config.output.path, '*'),
 						'**/node_modules/**/*.*',
@@ -52,7 +49,7 @@ module.exports = {
 						followSymbolicLinks: true
 					})
 				)
-				.concat(['react', 'react-dom', 'react-dom/client', 'react-dom/server'])
+				.concat(reactLibraries)
 		};
 		if (
 			app.meta.name.startsWith('@enact/') &&

mixins/index.js

@@ -26,5 +26,11 @@ module.exports = {
 		}
 
 		return config;
+	},
+	// Vite counterpart to `apply`: shapes a resolved Vite config from the same opts
+	// (--no-minify, --verbose, --stats). The webpack `apply` above can't be reused
+	// because it mutates webpack-specific config (plugins/minimizers/output).
+	applyVite: function (config, opts = {}) {
+		return require('./vite').apply(config, opts);
 	}
 };