🚀 Feature: Support Vite as build tool (opt-in Block)

[birkskyum]

Overview

Looking at the Bundler options, I see only tsup (esbuild)

I'd like to use Vite as the build tool.

[JoshuaKGoldberg]

Indeed - I've been slowly getting more dissatisfied with how tsup has been behaving. See #1910 for a deep dive tracking rethinking the default builder/bundler/transpiler.

@birkskyum do you have examples you can share of Vite configs and how they're run? I'd love to add a block/option for Vite as a build tool, even if it's not enabled by default.

---

For reference, in v2, you can omit tsup:

npx create typescript-app@beta --exclude-tsup

...and then add in whatever builders/bundlers/etc on your own manually.

[birkskyum]

Here an example of this "Library mode" with a vite config that's used in all the packages of e.g. the Tanstack Router

https://github.com/TanStack/config/blob/main/packages/config/src/vite/index.js

Or just basic rollup config like in the Tanstack Table

[JoshuaKGoldberg]

Another straightforward example is https://github.com/JoshuaKGoldberg/stoptalking: it uses Vite for a local dev server.

Marking as accepting PRs - thanks for the idea!

The way this would work in create-typescript-app is as an "opt-in Block". As in, it wouldn't be part of the standard presets folks use, but they'd be able to opt into using Vite instead of TSup with:

npx create-typescript-app --add-vite --exclude-tsup

A couple of recent alternate builders are:

• blockNcc: feat: add ncc builder block #2033
• blockWebExt: 🚀 Feature: Add builder Block for GitHub Actions #2030

[JoshuaKGoldberg]

@all-contributors please add @birkskyum for ideas.

🤖 Beep boop! This comment was added automatically by all-contributors-auto-action.
Not all contributions can be detected from Git & GitHub alone. Please comment any missing contribution types this bot missed.
...and of course, thank you for contributing! 💙

[allcontributors]

@JoshuaKGoldberg

I've put up a pull request to add @birkskyum! 🎉