Skip to content

Latest commit

 

History

History
83 lines (58 loc) · 2.16 KB

README.md

File metadata and controls

83 lines (58 loc) · 2.16 KB
Raw

Vue.js / Webpack / Docker / NginX

contributions welcome HitCount

Overview

This repository contains everythings you need to create and run a docker container for a vue webapplication


Vue.js is used as main Frontend framework, project was bootstraped using `vue-cli` and using Vue.js version `2.5.2`
3.6.0
We use Webpack to bundle and build everything into static html file that is ready to be served via Docker

We use docker to package static html, js and css files and serve them via Nginx inside of docker. For best performance we use lightweight Alpine linux

Nginx will serve static content from within a docker

Requirements

You should have following sowftare installed on your machine:

  • Node
  • Npm
  • Docker

frontend creation

  • npm install -g vue-cli
  • vue init webpack frontend
  • cd frontend/
  • npm install node-sass sass-loader --save
  • npm install

Docker build for production

in:

  • frontend/
    • create server.js file like the example
    • in package.json
      • edit "start" script to "start": "node server.js",

Go to the project root and run this command

Local, non-docker watcher and builds

# install dependencies
- npm install

# serve with hot reload at localhost:8080
- npm run dev

# build for production with minification
- npm run build

# build for production and view the bundle analyzer report
- npm run build --report