Kiricon build flag

cli.js

@@ -2,6 +2,7 @@
 const template = require('./helpers/buildTemplate.js');
 const arguments = require('./helpers/arguments.js');
 const ArgsManager = require("./helpers/ArgsManager");
+const build = require('./helpers/build');
 
 const args = new ArgsManager();
 
@@ -21,6 +22,9 @@ if(args.hasFlag(arguments.MODULE)) {
     template.copyFileTo('gitignore', '.gitignore');
 
     console.log(`${elementName} module was successfully created!`);
+} else if(args.hasFlag(arguments.BUILD)){
+    build.buildFile(elementName);
+    console.log(`${elementName} has been built.`);
 } else {
     template.createElementTemplate(elementName);
     console.log(`${elementName} was successfully created!`);

helpers/arguments.js

@@ -1,5 +1,6 @@
 
 module.exports.MODULE = 'module';
+module.exports.BUILD = 'build';
 
 /**
  * Check to make sure we have an element name

helpers/build.js

@@ -0,0 +1,17 @@
+const uglify = require('uglify-es');
+const fs = require('fs');
+
+const scopeStart = '(function(){';
+const scopeEnd = `})();`;
+
+module.exports.buildFile = (fileName) => {
+
+    let codeString = fs.readFileSync(`./${fileName}.js`, 'utf-8');
+    codeString = `${scopeStart} ${codeString} ${scopeEnd}`;
+
+    const result = uglify.minify(codeString);
+
+    fs.writeFileSync(`./${fileName}.min.js`, result.code);
+
+};
+

package.json

@@ -26,5 +26,8 @@
   "homepage": "https://github.com/OwlTechnology/create-element-cli#readme",
   "bin": {
     "create-element": "cli.js"
+  },
+  "dependencies": {
+    "uglify-es": "^3.0.28"
   }
 }

readme.md

@@ -39,3 +39,14 @@ This will create:
 - .gitignore
 
 in your current working directory.
+
+
+## Build & Scope an element
+
+To uglify and scope a custom element so that it's usuable for the browser, run the following:
+
+```CLI
+create-element --buid [element-name]
+```
+
+This command will look for `[element-name].js` in the current directory and produce the a `[element-name].min.js` file in the same directory. 

templates/readme.md

@@ -13,7 +13,7 @@ npm i /* {tagName} */
 ---
 
 ```Html
-<script src="node_modules//* {tagName} *///* {tagName} */.js"></script>
+<script src="node_modules//* {tagName} *///* {tagName} */.min.js"></script>
 ```
 or if you're bundling
 ```Javascript