Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 4 Current »

Vite (pronounced “veet”) offers significantly faster development and build times compared to Create React App (CRA), and it also has fewer security vulnerabilities.

Using DST-NCalc for comparison after running npm audit fix:

  • CRA: 2 moderate and 10 high vulnerabilites

  • Vite: 0 vulnerabilites

Transitioning from CRA to Vite is relatively straightforward. Robin Wieruch has an excellent tutorial at https://www.robinwieruch.de/vite-create-react-app/. (Wieruch also wrote a great book, "The Road to React.")

The main difference between Vite and CRA is the use of .jsx files instead of .js. Other than that, React development remains largely the same.

Here’s the vite.config.js configuration for DST-ECON:

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: '/usr/src/app/build',
  },
});
  • No labels