How to set custom vite config settings in Angular 18?

"architect": {
"build": {
"builder": "@angular-devkit/build-angular:application",
"options": {
"outputPath": "dist/angular18",
"index": "src/index.html",
"browser": "src/main.ts",
"polyfills": [
"zone.js"
],
"tsConfig": "tsconfig.app.json",
"inlineStyleLanguage": "less",
"assets": [
{
"glob": "**/*",
"input": "public"
}
],
"styles": [
"src/styles.less"
],
"scripts": []
},
...
}



I want to use module federation through Vite, but I don't know how to customise some Vite configurations in the same way as using @angular-builders/custom-webpack.

Is there a package similar to @angular-builders/custom-webpack like @angular-builders/custom-vite?

Or there are other ways to customise the Vite configuration?

Continue reading...