docker-vue-sample

Example of Dockerizing Vue Application

Project Structure

.
├── ...
├── src
│   ├── ...
│   ├── App.vue
│   └── main.ts
├── .dockerignore
├── ...
├── compose.development.yaml
├── compose.production.yaml
├── ...
├── Dockerfile
├── ...
├── Makefile
├── nginx.conf
└── ...

App Development

Start the Development Container

make dev-start

Stop the Development Container

make dev-stop

Start the Production Container

make prod-start

Stop the Production Container

make prod-stop

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Run End-to-End Tests with Cypress

npm run test:e2e:dev

Or test the production build with test:e2e before deploying (e.g. in CI environments):

npm run build
npm run test:e2e

Lint with ESLint

npm run lint

Customize configuration

See Vite Configuration Reference.