Add webpack-dev-server and babel-polyfil. Working now.

a01c4064 · Jorgen · a28d5d1b · a01c4064 · a01c4064 · a01c4064
Commit a01c4064 authored Jul 06, 2018 by Jorgen
Expand all Hide whitespace changes
Inline Side-by-side

Showing with 12 additions and 7 deletions

index.html example/index.html +1 -2

package-lock.json package-lock.json +0 -0

package.json package.json +7 -5

index.js src/index.js +4 -0

No files found.
--- a/example/index.html
+++ b/example/index.html
@@ -16,6 +16,7 @@
 </head>
 <body>
+  <script src="/dist/etersoft-typos.js"></script>
  <noscript>
    You need to enable JavaScript to run this app.
  </noscript>
@@ -86,7 +87,6 @@
  </div>
  <div id="typos-window"></div>
 </body>
 </html>
\ No newline at end of file
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -4,6 +4,7 @@
  "private": false,
  "dependencies": {
    "alertify.js": "^1.0.12",
+    "babel-polyfill": "^6.26.0",
    "bootstrap": "^3.3.7",
    "jquery": "^3.3.1",
    "react": "^16.4.1",
@@ -11,12 +12,11 @@
    "react-dom": "^16.4.1",
    "react-localization": "^1.0.10"
  },
  "scripts": {
-    "buildDev": "webpack --mode=development --devtool=source-map",
+    "buildDev": "webpack -d --devtool=source-map",
-    "build": "webpack --mode=production"
+    "build": "webpack --mode=production",
+    "start": "webpack-dev-server -d --hot --content-base dist/"
  },
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",
@@ -28,6 +28,8 @@
    "style-loader": "^0.21.0",
    "url-loader": "^1.0.1",
    "webpack": "^4.15.1",
-    "webpack-command": "^0.4.0"
+    "webpack-cli": "^3.0.8",
+    "webpack-command": "^0.4.0",
+    "webpack-dev-server": "^3.1.4"
  }
 }
--- a/src/index.js
+++ b/src/index.js
+// Need to include this for ES2015+ features like
+// Array.prototype.includes and async/await work
+import 'babel-polyfill';
 import React from 'react';
 import ReactDOM from 'react-dom';