- 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.
- Vite is built on top of two stand-alone projects, Rollup and 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 plugin to bundle Vue components.
Has this project been reviewed before?
Working test environment
The above Gerrit patch for WVUI demonstrates a way to build the code for the WVUI library using Vite, includes a working configuration file, and is a good example of how this tool would be used.
Design Systems Team and @egardner