added docker for development

Author: AlokTakshak

template/docker/Dockerfile.dev

@@ -0,0 +1,16 @@
+#base image
+FROM node:alpine
+
+#working directory
+WORKDIR /app
+
+#copy package
+COPY package.json .
+
+#install dependencies
+RUN npm install
+
+#copy rest of source
+COPY . .
+
+CMD ["npm","run","dev:hot"]

template/docker/docker-compose.yml

@@ -0,0 +1,11 @@
+version: "3"
+services:
+  web:
+    build:
+      context: ../
+      dockerfile: ./docker/Dockerfile.dev
+    ports:
+      - "8080:8080"
+    volumes:
+      - /app/node_modules
+      - ../:/app

template/docker/dockerRun.js

@@ -0,0 +1,10 @@
+const Child_Process = require("child_process");
+
+var args = process.argv.splice(2);
+
+Child_Process.execSync(
+  `docker-compose --file docker/docker-compose.yml up  ${args}`,
+  {
+    stdio: "inherit"
+  }
+);

template/package.json

@@ -7,6 +7,7 @@
     "build": "webpack --config webpack.config.prod.js",
     "dev": "webpack-dev-server --config webpack.config.dev.js",
     "dev:hot": "npm run dev -- --hot",
+    "docker:devRun": "node docker/dockerRun.js",
     "test": "jest",
     "format": "pretty-quick",
     "lint": "eslint ./"

template/webpack.config.dev.js

@@ -8,6 +8,7 @@ module.exports = merge(baseConfig, {
   devServer: {
     contentBase: path.join(__dirname, "public"),
     compress: true,
+    host: "0.0.0.0",
     open: true,
     port: process.env.PORT,
     publicPath: "/"