Bundlers & Running the App
Build and run your Dinou application with esbuild, Rollup, or Webpack.
⚡ Bundlers & Running the App
Dinou is flexible and integrates with three major bundlers: esbuild (default), Rollup, and Webpack.
Development
Start the development server with hot reloading. Files are emitted to the public folder.
| Command | Bundler | Description |
|---|---|---|
npm run dev | esbuild | Default. Fastest startup time. |
npm run dev:esbuild | esbuild | Explicit esbuild command. |
npm run dev:rollup | Rollup | Uses Rollup for bundling. |
npm run dev:webpack | Webpack | Uses Webpack for bundling. |
Production Build
Compile the application for production. Files are emitted to the dist3 folder.
| Command | Bundler |
|---|---|
npm run build | esbuild (Default) |
npm run build:esbuild | esbuild (Explicit) |
npm run build:rollup | Rollup |
npm run build:webpack | Webpack |
Start Production Server
Run the built application from the dist3 folder.
| Command | Description |
|---|---|
npm start | Same as npm run start:esbuild. |
npm run start:esbuild | Use after building with esbuild. |
npm run start:rollup | Use after building with Rollup. |
npm run start:webpack | Use after building with Webpack. |
Server Output
The production server runs on
http://localhost:3000 by default. You can configure the port via the PORT environment variable.