npm scripts and build tools with Cerewro

A modern development workflow needs more than just npm install. npm scripts, bundlers like Vite or Webpack, linters and formatters form the backbone of any professional project. Cerewro can configure everything from the chat.

npm scripts: automate project tasks

package.json with full scripts

{
  "scripts": {
    "start":   "node dist/index.js",
    "dev":     "nodemon src/index.js",
    "build":   "tsc && vite build",
    "test":    "jest --coverage",
    "lint":    "eslint src --ext .js,.ts",
    "lint:fix":"eslint src --fix",
    "format":  "prettier --write src/**/*"
  }
}

Vite: the modern bundler (recommended)

Create Vite project from Cerewro

npm create vite@latest my-app -- --template react-ts
cd my-app && npm install
npm run dev      # http://localhost:5173
npm run build    # optimized dist/ folder

ESLint + Prettier

Configure linting and formatting

npm install --save-dev eslint prettier eslint-config-prettier
npx eslint --init

pnpm as npm alternative: pnpm is up to 3x faster and uses 50% less disk space. Install with npm install -g pnpm and use it exactly like npm.