update Edition

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 .idea/
+yarn-error.log

babel.config.js

@@ -0,0 +1,15 @@
+const presets = [
+  [
+      "@babel/preset-env",
+      {
+          "targets": {
+              "browsers": "last 2 versions, > 1%, ie >= 6, Chrome >= 29, Firefox >= 55, Safari >= 9, Android >= 4, iOS >= 9, and_uc > 11",
+              "node": "current"
+          },
+      },
+  ],
+];
+const plugins = [
+  "@babel/plugin-transform-runtime",
+]
+module.exports = { presets, plugins };

examples/browser/index.html

@@ -8,7 +8,7 @@
         </div>
         <script type='text/javascript' src='./webpack-numbers.js'></script>
         <script type='text/javascript'>
-            document.getElementById('root').innerHTML = " This is a browser example where and api is called to transalate 'One' to '1' \n Results: wordtonum('One') === " + webpackNumbers.wordtonum('One');
+            document.getElementById('root').innerHTML = " This is a browser example where and api is called to transalate 'One' to '1' \n Results: wordtonum('One') === " + webpackNumbers.createTranslator().wordtonum('One');
         </script>
     </body>
 </html>

examples/node/example.js

@@ -1,6 +1,6 @@
 require('lodash');
 var webpackNumbers = require('./webpack-numbers.js');
 var out = function() {
-    process.stdout.write('This is the result for numtoword(1) === ' + webpackNumbers.numtoword(1));
+    process.stdout.write('This is the result for numtoword(1) === ' + webpackNumbers.createTranslator().numtoword(1));
 };
 out();

index.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import numRef from './ref.json';
 
-function createTransalator() {
+function createTranslator() {
     return {
         numtoword: (num) => {
             return num < 0 || num > 5 ? 'This is a failure' : converttoword(num);
@@ -25,4 +25,6 @@ const converttonum = (word) => {
     }, -1);
 };
 
-export default createTransalator();
+export {
+    createTranslator
+}

package.json

@@ -4,8 +4,7 @@
   "description": "An example of how to author libraries using webpack",
   "main": "dist/webpack-numbers.js",
   "scripts": {
-    "build:browser": "webpack && cp dist/webpack-numbers.js examples/browser",
-    "build:node": "webpack && cp dist/webpack-numbers.js examples/node/ && node examples/node/example.js",
+    "build": "webpack",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "keywords": [
@@ -17,14 +16,15 @@
   "author": "pksjce",
   "license": "ISC",
   "devDependencies": {
-    "babel-core": "^6.26.0",
-    "babel-loader": "^7.1.4",
-    "babel-plugin-add-module-exports": "^0.2.1",
-    "babel-preset-env": "^1.6.1",
-    "eslint": "^3.9.1",
-    "eslint-loader": "^1.6.1",
-    "lodash": "^4.16.6",
-    "webpack": "^4.4.1",
-    "webpack-cli": "^2.0.12"
+    "@babel/core": "^7.4.0",
+    "@babel/plugin-transform-runtime": "^7.4.0",
+    "@babel/preset-env": "^7.4.2",
+    "babel-loader": "^8.0.5",
+    "lodash": "^4.17.11",
+    "webpack": "^4.29.6",
+    "webpack-cli": "^3.3.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.4.2"
   }
 }

webpack.config.js

@@ -0,0 +1,32 @@
+const path = require('path')
+
+module.exports = {
+    mode: "production",
+    entry: {
+        main: "./index.js"
+    },
+    output: {
+        path: path.resolve(__dirname, "dist"),
+        filename: "webpack-numbers.js",
+        libraryTarget: "umd",
+        library: "webpackNumbers",
+        globalObject: "this"
+    },
+    externals: {
+        "lodash": {
+            commonjs: 'lodash',
+            commonjs2: 'lodash',
+            amd: 'lodash',
+            root: '_',
+        }
+    },
+    module: {
+        rules: [
+            {
+                test: /\.(js)$/,
+                exclude: /(node_modules)/,
+                use: "babel-loader"
+            }
+        ]
+    }
+}