Vite
Vuero uses Vite, which is a web development and build tool that supports:
- a fast development environment with hot reload (using
native javascript modules) - building an optimized version for production (using
rollup) - native support for Typescript and SCSS
ts
import { defineConfig } from 'vite'
export default defineConfig({
// vite options
})Useful links:
Base plugins
| Plugin | Usage |
|---|---|
| @vitejs/plugin-vue | Inject vue library and allow SFC files to work (*.vue) |
| vite-plugin-vue-devtools | Inspect your app's DOM tree and enhance the Vue developer experience since v3.0.0 |
| unplugin-vue-router | Generate routes based on file system, with typed routes since v3.0.0 |
| @unhead/addons/vite | Optimize Unhead usage |
| unplugin-auto-import | Auto loading modules on-demand since v3.0.0 |
| unplugin-vue-components/vite | Auto loading vue components on-demand |
| rollup-plugin-purgecss | Purge CSS rules that are not used in the bundle |
Electron specific plugins
| Plugin | Usage |
|---|---|
| vite-plugin-electron | Electron HMR Render process support since v3.0.0 |
Demo specific plugins
| Plugin | Usage |
|---|---|
| @intlify/vite-plugin-vue-i18n | Does i18n resources pre-compilation / optimizations |
| vite-plugin-pwa | Generate manifest.json and register services worker to enable PWA |
| vite-plugin-vuero-doc | Internal Vite plugin that load markdown files as vue components |
| vite-plugin-purge-comments | Internal Vite plugin that remove html comments from vue components |