**Project Information **
* Name of tool/project: Vite
* Project home page: https://vitejs.dev/
* Name of team requesting review: Design Systems Team (formerly Vue Migration)
* Primary contact: @egardner
* Target date for deployment: Fall 2021
* Link to code repository / patchset: https://gerrit.wikimedia.org/r/c/wvui/+/698012
**Description of the tool/project: **
Vite is a JS module bundler and development tool. From the project page:
>Vite (French word for "fast", pronounced /vit/) is a build tool that aims to provide a faster and leaner development experience for modern web projects. It consists of two major parts
> * A dev server that provides rich feature enhancements over native ES modules, for example extremely fast Hot Module Replacement (HMR).
> * A build command that bundles your code with Rollup, pre-configured to output highly optimized static assets for production.
**Description of how the tool will be used at WMF:**
The Design Systems Team is looking into the current generation of JS module bundlers in relation to two projects: WVUI (which is currently bundled using Webpack, a tool we're looking to move away from), and a possible general-purpose front-end build step for MediaWiki extensions.
**Dependencies**
* Vite is built on top of two stand-alone projects, [[ https://rollupjs.org/guide/en/ | Rollup ]] and [[ https://esbuild.github.io/ | ESBuild ]].
* A recent version of Node.js is required (v12 or later)
* Some first- or third-party plugins may be needed for certain feaures. Specifically, we'd want to use the `vite-plugin-vue2` [[ https://github.com/underfin/vite-plugin-vue2 | plugin ]] to bundle Vue components.
**Has this project been reviewed before?**
No.
**Working test environment**
The above Gerrit patch for WVUI demonstrates a way to build the code for the library using Rollup, includes a working configuration file, and is a good example of how this tool would be used.
**Post-deployment**
Design Systems Team and @egardner