vite.config.js

import * as childProcess from 'child_process';
import * as path from 'path';
import createVuePlugin from '@vitejs/plugin-vue';
import envCompatible from 'vite-plugin-env-compatible';

process.env.VUE_APP_BUILD_TIME = Date.now();
process.env.VUE_APP_GIT_COMMIT = childProcess.execSync( 'git rev-parse HEAD' ).toString().trim();

const base = ( process.env.NODE_ENV === 'production' ) ? '/querybuilder/' : '/';

export default {
	base,
	plugins: [
		createVuePlugin(),
		envCompatible(),
	],
	resolve: {
		alias: [
			{
				find: '@',
				replacement: path.resolve( __dirname, './src' ),
			},
		],
	},
	server: {
		host: '0.0.0.0',
	},
	build: {
		commonjsOptions: {
			ignoreDynamicRequires: true,
		},
	},
	css: {
		preprocessorOptions: {
			scss: {
				// @use 'sass:math' is for WikitPopover component
				additionalData: `
				@use 'sass:math';
				@import '@wikimedia/codex-design-tokens/theme-wikimedia-ui';
				`,
			},
		},
		postcss: {
			plugins: [
				require( 'autoprefixer' ),
			],
		},
	},
};