[Vite](https://vite.dev/) is a frontend dev tool we use:

- To avoid network bottlenecks that can occur when your application has a lot of separate scripts and style sheets.

- To concatenate and compress (uglify) `.css` and `.js` files

- To preprocess `.scss` files into `.css`.

- To copy the `fonts` and `images` used in your project, from the `assets` folder to the `public` folder.

First you need to install dependencies into the `node_modules` directory by running this command:

npm install

If everything ran ok, you should see a new root folder named `node_modules` where all the npm packages are installed.

If `npm install` fails, this could be caused by user permissions for npm.

Our recommendation is to install npm through `Node Version Manager`.

The `watch` command compiles the components then monitors the source files and triggers their recompilation when one of them is changed:

npm run watch

```

Initially, Vite is configured to delete and rebuild the contents of these folders from the `public` folder:

- css

- fonts

- images

- js

The folders are populated from their counterparts in `src/App/assets`.

An alternative to the `watch` command is `build` which simply compiles the components, overwriting as needed:

npm run build

- "Bundle Static Modules": v1/how-tos/bundle-static-modules.md