Vuero and Vite
Vuero uses Vite, which is a web development build tool that supports:
- a fast development environment with hot reload*(using
native javascript modules)* - building an optimized version for production*(using
rollupandtree-shaking)* - native support for typescript
Under the hood, when running pnpm dev, it runs vite.
To learn more about this awesome tool made by the vue core team, check https://vitejs.dev. You will learn to:
- Add PostCSS pre-processors
- Integrate JSX
- Implement fancy Web Assembly code
- Add new asset path aliases
- And much more
Vite plugins in Vuero
| Plugin | Usage |
|---|---|
| @vitejs/plugin-vue | Inject vue library and allow SFC files to work (*.vue) |
| @intlify/vite-plugin-vue-i18n | Does i18n resources pre-compilation / optimizations |
unplugin-vue-router | Generate routes based on file system since v2.4.0 |
unplugin-auto-import | Auto-Import modules since v2.4.0 |
| vite-plugin-vuero-doc | Internal Vite plugin that load markdown files as vue components |
| unplugin-vue-components/vite | Autoloading vue components |
| vite-plugin-purge-icons | Autoloading icones from multiples providers |
| unplugin-fonts | Inject webfonts from different providers |
| vite-plugin-radar | Inject snippets from analytics providers |
| vite-plugin-pwa | Generate manifest.json and register services worker to enable PWA |
| rollup-plugin-purgecss | Purge CSS rules that are not used in the bundle |
| vite-plugin-imagemin | Optimize all images sizes in dist folder |
| @unhead/addons/vite | Optimize Unhead usage since v2.8.0 |