Skip to content
On this page

Configuring Vituum

Each Vituum project needs to have config via vite.config.js inside project root.
You can also use .mjs, .ts ext-name, this is same as Vite config.

The most basic config file looks like this:

import { defineConfig } from 'vituum'

export default defineConfig({
    // your config goes here

Vituum is a small wrapper around Vite, uses own options and overrides some settings by default and adds additional plugins. See Main Options for more info about Vituum options.

These are the main changes which Vituum overrides by default in Vite config:

server: {
    host: true,
    fsServe: {
        strict: false
plugins: vituum.plugins,
resolve: {
    alias: {
        '/src': vituum.root
root: vituum.root,
publicDir: vituum.output,
css: {
    postcss: vituum.postcss
build: {
    outDir: vituum.output, 
    emptyOutDir: false,
    polyfillModulePreload: false,
    rollupOptions: {
        input: FastGlob.sync(vituum.input).map(entry => resolve(process.cwd(), entry))


Any additional vite options can be added via vite option, and you can further adjust the settings which Vituum changes by default

See Vite config for more details.

Released under the MIT License.