update 1022 18:01

webpack/webpack-4/.babelrc

@@ -0,0 +1,7 @@
+{
+  "presets": [
+    ["env", {
+      "modules": false
+      }]
+  ]
+}

webpack/webpack-4/app/Greeter.js

@@ -1,5 +1,7 @@
+const config = require('./config.json');
+
 module.exports = function() {
-  var greet = document.createElement('div');
-  greet.textContent = 'Hi there and greetings!';
+  let greet = document.createElement('div');
+  greet.textContent= config.greetText;
   return greet;
 };

webpack/webpack-4/app/config.json

@@ -0,0 +1,3 @@
+{
+  "greetText": "Hi there and greetings from JSON!"
+}

webpack/webpack-4/app/main.js

@@ -1,2 +1,2 @@
-var greeter = require('./Greeter');
+const greeter = require('./Greeter');
 document.querySelector('#root').appendChild(greeter());