On this page

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 rollup and tree-shaking)
native support for typescript

Under the hood, when runing pnpm dev, it runs vite.

To learn more about this awesome tool made by the vuejs 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
vite-plugin-fonts	Inject webfonts from differents 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