feat: docker

.dockerignore

@@ -0,0 +1,9 @@
+coverage
+dist
+node_modules
+.dockerignore
+.editorconfig
+.gitignore
+.github
+.git
+*.md

Dockerfile

@@ -0,0 +1,17 @@
+# Stage Base
+FROM node:14.17.1-alpine as base
+RUN npm install pnpm --global
+WORKDIR /app
+
+# Stage Build
+FROM base as build
+COPY . .
+RUN pnpm install
+RUN pnpm build:prod
+
+# Stage Webserver
+FROM nginx:stable-alpine as webserver
+COPY --from=build /app/nginx/nginx.prod.conf /etc/nginx/conf.d/default.conf
+COPY --from=build /app/dist /usr/share/nginx/html
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"]

nginx/nginx.dev.conf

@@ -37,4 +37,4 @@ server {
     expires     7d;
     add_header  Cache-Control "no-cache, public, must-revalidate, proxy-revalidate";
   }
-}
+}

nginx/nginx.prod.conf

@@ -37,4 +37,4 @@ server {
     expires     7d;
     add_header  Cache-Control "no-cache, public, must-revalidate, proxy-revalidate";
   }
-}
+}

package.json

@@ -57,7 +57,6 @@
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^4.3.1",
     "eslint-plugin-vue": "^7.9.0",
-    "husky": "^6.0.0",
     "shelljs": "^0.8.4",
     "standard": "^16.0.3",
     "stylelint": "^13.13.1",
@@ -82,6 +81,7 @@
     "camelcase": "^6.2.0",
     "dotenv-cli": "^4.0.0",
     "element-plus": "^1.0.2-beta.44",
+    "husky": "^7.0.0",
     "postcss": "^8.2.15",
     "postcss-import": "^14.0.2",
     "rimraf": "^3.0.2",

readme.md

@@ -53,7 +53,7 @@ Learn the design patterns [here](https://github.com/logustra/7ad)
 - Linters: [commitlint](https://github.com/conventional-changelog/commitlint), [eslint](https://github.com/eslint/eslint), [stylelint](https://github.com/stylelint/stylelint)
 - Visualize bundle: [rollup-plugin-visualizer](https://github.com/btd/rollup-plugin-visualizer)
 - Optimized nginx config
-- Dockerize (ON PROGRESS)
+- Dockerize
 
 ## Dev Tools
 - [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar): Vue 3 IDE support
@@ -83,6 +83,16 @@ $ pnpm install
 $ pnpm dev
 ```
 
+## Run with Docker
+
+```bash
+# build docker image and tag it with name nginx
+$ docker build . -t nginx
+
+# run docker image nginx with name vivu in port 9900
+$ docker run -it -p 9900:80 --rm --name vivu nginx
+```
+
 ## How to Create Folder
 A guide how to create a folder using `create-cli`