Vite — No Bundle Setup for Vuejs, React and Preact

Vite — No Bundle Setup for Vuejs, React and Preact

·

2 min read

Vite — No Bundle Setup for Vuejs, React and Preact

Hey Developers! I have uploaded a video for introducing vite-no bundle setup tool for vuejs, react and preact.

Vite setup for vuejs, react & preact

Installing vuejs vite template:

$ npx create-vite-app <app-name> 
            or
$ npm init vite-app <app-name></span>
  • By Default, vuejs template will be installed! React and Preact template will also be installed using vite if mentioned!

Installing react & preact template using vite:

  • For React JS,
// React
$ npx create-vite-app <app-name> --template=react
                       or 
$ npm init vite-app <app-name> --template=react</span>
  • For React Typescript support,
// React Typescript
$ npx create-vite-app <app-name> --template=react-ts
                       or 
$ npm init vite-app <app-name> --template=react-ts</span>
  • For Preact js,
// Preact
$ npx create-vite-app <app-name> --template=preact
                       or
$ npm init vite-app <app-name> --template=preact</span>

Installing dependencies and Running the app:

$ npm run dev</span>
  • Thank you!