Add new build process

Author: scriptex

README.md

@@ -14,6 +14,16 @@ or
 yarn add @three11/accordion
 ```
 
+or
+
+Just download this repository and link the files located in dist folder:
+
+```
+<link rel="stylesheet" href="dist/index.css" type="text/css" media="all" />
+
+<script src="dist/index.min.js"></script>
+```
+
 ## Usage
 
 First, `import` the module:

dist/index.js

@@ -1,5 +1,91 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["Accordion"] = factory();
+	else
+		root["Accordion"] = factory();
+})(window, function() {
+return /******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, {
+/******/ 				configurable: false,
+/******/ 				enumerable: true,
+/******/ 				get: getter
+/******/ 			});
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 0);
+/******/ })
+/************************************************************************/
+/******/ ([
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
 "use strict";
 
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -137,4 +223,8 @@ function () {
   return Accordion;
 }();
 
-exports.default = Accordion;
+exports.default = Accordion;
+
+/***/ })
+/******/ ])["default"];
+});

dist/index.min.js

@@ -1,20 +1,16 @@
 {
   "name": "@three11/accordion",
-  "version": "0.0.1",
+  "version": "0.1.0",
   "description": "Front-end Accordion widget using max-height",
   "main": "dist/index.js",
   "scripts": {
-    "build": "babel src -d dist"
+    "build": "webpack"
   },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/three11/accordion.git"
   },
-  "keywords": [
-    "Accordion",
-    "Widget",
-    "Front-End"
-  ],
+  "keywords": ["Accordion", "Widget", "Front-End"],
   "authors": [
     {
       "name": "Three 11 Ltd",
@@ -38,9 +34,13 @@
   },
   "homepage": "https://github.com/three11/accordion#readme",
   "devDependencies": {
-    "@babel/cli": "^7.0.0-beta.42",
-    "@babel/core": "^7.0.0-beta.42",
-    "@babel/preset-env": "^7.0.0-beta.42",
-    "@babel/preset-stage-2": "^7.0.0-beta.42"
+    "@babel/cli": "^7.0.0-beta.44",
+    "@babel/core": "^7.0.0-beta.44",
+    "@babel/preset-env": "^7.0.0-beta.44",
+    "@babel/preset-stage-2": "^7.0.0-beta.44",
+    "babel-loader": "^8.0.0-beta",
+    "unminified-webpack-plugin": "^2.0.0",
+    "webpack": "^4.5.0",
+    "webpack-cli": "^2.0.14"
   }
 }

package.json

@@ -0,0 +1,21 @@
+const UnminifiedWebpackPlugin = require('unminified-webpack-plugin');
+
+module.exports = {
+	mode: 'production',
+	entry: './src/index.js',
+	output: {
+		filename: 'index.min.js',
+		library: 'Accordion',
+		libraryTarget: 'umd',
+		libraryExport: 'default'
+	},
+	module: {
+		rules: [
+			{
+				test: /\.(js)$/,
+				loader: 'babel-loader'
+			}
+		]
+	},
+	plugins: [new UnminifiedWebpackPlugin()]
+};