Vite for WordPress (work in progress, hot reload not yet working)

package.json

{
  "name": "my-app",
  "private": true,
  "repository": {
    "type": "git",
    "url": "git+https://github.com/username/my-app"
  },
  "dependencies": {},
  "devDependencies": {
    "sass": "^1.53.0",
    "vite": "^2.9.9",
    "eslint": "^7.32.0",
    "eslint-config-airbnb-base": "^14.2.1",
    "eslint-plugin-import": "^2.24.2"
  },
  "scripts": {
    "dev": "vite",
    "build": "vite build"
  }
}

vite.config.js

import { defineConfig } from 'vite';

export default defineConfig({
  base: '',
  build: {
    outDir: 'dist',
    assetsDir: '',
    rollupOptions: {
      input: {
        app: './assets/js/app.js',
      },
      output: {
        entryFileNames: '[name].js',
        chunkFileNames: '[name].js',
        assetFileNames: '[name].[ext]',
      },
    },
  },
  server: {
    open: 'http://mysite.test'
  }
  plugins: [],
});

This is a work in progress. Hot Reload, the most important feature, is still not working.

Idea: Replace assets URL with http://localhost:3000 and somehow add module to the script tag?

Solution that replace enqueue: https://github.com/idleberg/php-wordpress-vite-assets

Seems overkill, everything should work using the native wp_enqueue_style and wp_enqueue_script