🔧 Dev tools config

Author: ajayns

.gitignore

@@ -1,5 +1,6 @@
 node_modules
 /lib
+demo
 
 # Editor config
 .vscode

docs/bundle.js

@@ -4,11 +4,11 @@
   "description": "A fully customizable, one-time password input component for the web built with React",
   "main": "lib/index.js",
   "scripts": {
-    "dev": "concurrently \"npm run build:watch\" \"npm run docs\"",
+    "dev": "concurrently \"npm run build:watch\" \"npm run demo\"",
     "build": "babel src/lib -d lib",
     "build:watch": "babel src/lib -w -d lib",
-    "docs": "webpack-dev-server --mode development",
-    "docs:prod": "webpack --mode production",
+    "demo": "webpack-dev-server --mode development",
+    "demo:prod": "webpack --mode production",
     "format": "prettier --write '**/*.{js,jsx}'",
     "lint": "eslint '**/*.{js,jsx}' --quiet",
     "prepublish": "npm run build"

docs/index.html

@@ -1,36 +1,36 @@
-const path = require("path");
-const HtmlWebpackPlugin = require("html-webpack-plugin");
+const path = require('path');
+const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-  entry: path.join(__dirname, "src/docs"),
+  entry: path.join(__dirname, 'src/docs'),
   output: {
-    path: path.join(__dirname, "docs"),
-    filename: "bundle.js"
+    path: path.join(__dirname, 'demo'),
+    filename: 'bundle.js',
   },
   module: {
     rules: [
       {
         test: /\.(js|jsx)$/,
-        use: "babel-loader",
-        exclude: /node_modules/
+        use: 'babel-loader',
+        exclude: /node_modules/,
       },
       {
         test: /\.css$/,
-        use: ["style-loader", "css-loader"]
-      }
-    ]
+        use: ['style-loader', 'css-loader'],
+      },
+    ],
   },
   plugins: [
     new HtmlWebpackPlugin({
-      template: path.join(__dirname, "src/docs/index.html")
-    })
+      template: path.join(__dirname, 'src/docs/index.html'),
+    }),
   ],
   resolve: {
-    extensions: [".js", ".jsx"]
+    extensions: ['.js', '.jsx'],
   },
   devServer: {
-    contentBase: path.join(__dirname, "docs"),
+    contentBase: path.join(__dirname, 'docs'),
     port: 8000,
-    stats: "minimal"
-  }
+    stats: 'minimal',
+  },
 };