vite-plugin-change-host

A vite plugin to change the host of the dev server.
Actual work is append host list in to os hosts file.
In Windows C:\Windows\System32\drivers\etc\hosts and macOS /etc/hosts.
And it changes the server, preview host property in vite config.

{
    server: {
        //...
        host: 'home.exmaple.com'
    },
    preview: {
        //...
        host: 'home.exmaple.com'
    }
}

Install

npm install vite-plugin-change-host
yarn add vite-plugin-change-host

Usage

vite.config.js

export default defineConfig({
    plugins: [
        changeHost({
            host: 'home.exmaple.com', // set dev server host
            additionalHosts: ['example.com', 'api.example.com'], // additional hosts
            customPath:'C:\\Windows\\System32\\drivers\\etc\\hosts' // if you use wsl in Windows, might be needed.
        }),
    ],
})

// ...

// you'd better clean up the hosts when devserver is closed
process.on('SIGINT', () => {
    cleanUpHosts();
    process.exit();
});

Note

• Host changes when command vite , vite preview is executed.(not build)