This repository contains several example of Vite setups.

翠 / green

Last update: Jan 2, 2023

Related tags

Vue.js vite-setup-catalogue

Overview

Vite setup catalogue

This repository contains several example of Vite setups.

Currently it only contains dev setup

Info

None of these examples uses server.proxy but it could be used to proxy some requests.

Setups

Basic

Most basic setup. Nothing special.

Middleware Mode

Using Vite with middleware mode.

Backend Server

Using Vite with a backend server. See Backend Integration Guide | Vite.

With Proxy

Using Vite behind a reverse proxy.

With Proxy (No WebSocket)

Using Vite behind a reverse proxy that does not support proxying websocket.

Fastify boilerplate with Vite & Vitest

Fastify boilerplate with Vite & Vitest Enhance your Fastify DX with the power of Vite & Vitest. Features ⚡ All the power of Vite (Next Generation Fron

Dec 13, 2022

Some compile-time magic for your Vite project

💛 You can help the author become a full-time open-source maintainer by sponsoring him on GitHub. vite-plugin-compile-time Use this plugin to generate

Dec 15, 2022

vite+vue3.2+setup+elementPlus+eslint+js+stylelint

前期准备工作，npm包和vscode配置！！！很重要，关乎整个Vue3开发阶段的代码提示 Volar使用使用Vue3开发需要禁用vscode插件Vetur 然后安装 Volar(Vue Language Features)，这样Vue3代码提示即使是使用js开发也非常友好如果volar没有任何

Feb 8, 2022

vue3 + vite + typescript template

Vue 3 + Typescript + Vite This template should help get you started developing with Vue 3 and Typescript in Vite. The template uses Vue 3 script setu

Aug 1, 2022

Minimal setup for a WebXR project using Vite, Babylon.js, TypeScript, and Vue

WebXR-Vite-Babylon-Simple Minimal setup for WebXR development using: vite typescript vue 3 babylonjs 5 (ES6) Intentionally made minimal changes from t

Nov 13, 2022

Modern ThreeJS boilerplate powered by Vite & Typescript

Modern ThreeJS ⚡️ Modern ThreeJS boilerplate powered by Vite & Typescript. Features Powered with Vite 📦 GUI controls using Tweakpane 🎛 Typescript 🦾

Jan 4, 2023

Experimenting with vite typescript template rewrite for hot.opensauced.pizza

🍕 Open Sauced Vite Typescript Template Test 🍕 The path to your next Open Source contribution 📖 Prerequisites In order to run the project we need th

Mar 11, 2022

⭐️ Auto create alias map for vite config

vite-plugin-tspaths2alias This plugin is create alias map for vite config, default use project root tsconfig.json file compilerOptions.paths value Ins

Mar 26, 2022

Get Vite's `import.meta.hot` at runtime

vite-hot-client Get Vite's import.meta.hot at runtime. You don't normally need this library directly. It's designed for embedded UI on top of Vite for

May 3, 2022

Comments

proxy examples do not reflect changes
Thanks for creating these examples. I am trying to use a reverse proxy based off your examples, however the with-proxy and with-proxy-no-websocket examples do not reflect updates made to code. It only ever shows the initial code when the container was built.

Setting "DEBUG" to "connect:dispatcher" logs when hitting the browser, but nothing when code is changed. The hmr is not working, and refreshing the browser after code is changed still shows the old code aswell. Currently the only way to use those examples is to rebuild the container after every code update.

It works in the tests for me, and when I add the pollingConfig functionality to the vite configs. Is that the recommended approach to use polling?

Steps to reproduce:

open with-proxy example

run yarn install

run docker compose -p with-proxy-dev-nginx -f compose.dev-nginx.yaml up

open http://localhost:3030/

in main.js change <h1>Hello Vite!</h1> to <h1>Hello Vite!!!</h1>

hmr not triggered, refreshing page does not reflect changes

OS Name Microsoft Windows 11 Pro Docker version 20.10.7, build f0df350
category: docs
opened by vollmerr 3