chore: updated example

nishantmendiratta · Sep 23, 2023 · 650d676 · 650d676
1 parent 0cc73bf
commit 650d676
Show file tree

Hide file tree

Showing 7 changed files with 83 additions and 2 deletions.
diff --git a/README.md b/README.md
@@ -25,6 +25,36 @@ Output file is generated in the current directory. It will contain minified file
 > uglifymyjs —version
 ```
 
+# Usage Example
+See [Sample](./Sample).
+
+# Dependency
+The tool is built on top of `uglifyjs-webpack-plugin`. Following is the fixed configuration currently it is using. Feel free add new issues if you want any customization.
+```
+{
+  cache: false,
+  parallel: true,
+  uglifyOptions: {
+    compress: {
+      drop_console: true,
+      warnings: false,
+    },
+    toplevel: true,
+    keep_classnames: undefined,
+    keep_fnames: false,
+    nameCache: null,
+    output: {
+      beautify: false,
+      comments: false,
+    },
+    compress: true,
+    ecma: 6,
+    mangle: true,
+  },
+  sourceMap: true,
+}
+```
+
 # Contributing
 
 This library is designed to support JS files - i you want to add a new language support, we'd love you to contribute them here.
@@ -33,6 +63,8 @@ Please see [Coding Guidelines](https://github.com/nishantmendiratta/uglify-my-js
 
 File issues in the **Issues** tab in GitHub
 
+
+
 # Changelog
 
 See [CHANGELOG](./CHANGELOG.md).

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "uglify-my-js",
-  "version": "1.1.12",
+  "version": "1.1.13",
   "description": "Simple cli tool to minify javascript a file",
   "main": "bin/index.js",
   "bin": {

diff --git a/sample.js b/sample.js
diff --git a/sample/index.html b/sample/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <script type="text/javascript">
+    (function (window, document, tag, url, name, a, m) {
+      window[name] = window[name] || function () {
+        (window[name].q = window[name].q || []).push(arguments)
+      }, window[name].l = 1 * new Date();
+      a = document.createElement(tag),
+        m = document.getElementsByTagName(tag)[0];
+      a.async = 1;
+      a.src = url;
+      m.parentNode.insertBefore(a, m);
+    })(window, document, 'script', 'main.bundle.min.js', 'myThirdPartyLib');
+
+    function executeMinifiedLib() {
+      const element = document.getElementById('myThirdPartyLib-root');
+      window.myThirdPartyLib.appendNewElementToRoot(element);
+    }
+    window.onload = function(e) {
+      executeMinifiedLib();
+    }
+  </script>
+  <title>Sample HTML</title>
+</head>
+<body>
+  <div id="myThirdPartyLib-root"></div>
+
+</body>
+</html>
diff --git a/sample/main.bundle.min.js b/sample/main.bundle.min.js
diff --git a/sample/main.bundle.min.js.map b/sample/main.bundle.min.js.map
diff --git a/sample/sample.js b/sample/sample.js
@@ -0,0 +1,15 @@
+(function (window) {
+  appendNewElementToRoot = function (element) {
+    if (!element) {
+      return;
+    }
+
+    const h1 = document.createElement('h1');
+    const textNode = document.createTextNode('Hello From H1');
+    h1.appendChild(textNode);
+    element.appendChild(h1);
+  };
+
+  window.myThirdPartyLib = {appendNewElementToRoot};
+})(window);
+