foontzoot / viject

A tool for migrating your React app from react-scripts (Create React App) to Vite

Home Page:https://www.npmjs.com/package/viject

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Viject ⚑

A tool for migrating your React app from react-scripts (Create React App) to Vite

Usage

node compatibility
cd <YOUR_APP>
npx viject

Concept

Enables one-shot migration from CRA to Vite. Differences are absorbed in vite.config, allowing for a gradual migration with minimal changes.

See more details in doc

How it works

  1. Rewrite npm scripts
  2. Add dependencies
  3. Rewrite react-app-env.d.ts
  4. Move index.html
  5. Transform .js files including JSX into .jsx
  6. Add vite.config.(js|ts) includes plugins for CRA compatibility

Supported features

  • 🟒 Using HTTPS in Development

Styles and Assets

Build

Testing

https://vitest.dev/guide/migration.html

Back-End Integration

Advanced Configuration

https://create-react-app.dev/docs/advanced-configuration

  • 🟒 BROWSER
  • 🟑 BROWSER_ARGS
  • 🟒 HOST
  • 🟒 PORT
  • 🟒 HTTPS
  • 🚫 WDS_SOCKET_HOST
  • 🚫 WDS_SOCKET_PATH
  • 🚫 WDS_SOCKET_PORT
  • 🟒 PUBLIC_URL
  • 🟒 BUILD_PATH
  • 🚫 CI
  • 🚫 REACT_EDITOR
  • 🚫 CHOKIDAR_USEPOLLING
  • 🟒 GENERATE_SOURCEMAP
  • 🟑 INLINE_RUNTIME_CHUNK
  • 🟑 IMAGE_INLINE_SIZE_LIMIT
  • 🟒 FAST_REFRESH
  • 🟑 TSC_COMPILE_ON_ERROR
  • 🟑 ESLINT_NO_DEV_ERRORS
  • 🟑 DISABLE_ESLINT_PLUGIN
  • 🚫 DISABLE_NEW_JSX_TRANSFORM

Contribution

See Contributing Guide

License

MIT

About

A tool for migrating your React app from react-scripts (Create React App) to Vite

https://www.npmjs.com/package/viject

License:MIT License


Languages

Language:TypeScript 94.2%Language:HTML 1.6%Language:JavaScript 1.3%Language:CSS 1.1%Language:Shell 0.7%Language:SCSS 0.6%Language:Sass 0.5%