Change to Rollup.js

barcia · Feb 21, 2019 · b777761 · b777761
1 parent 3626711
commit b777761
Show file tree

Hide file tree

Showing 9 changed files with 74 additions and 79 deletions.
diff --git a/CHANGELOG.md → CHANGELOG b/CHANGELOG.md → CHANGELOG
@@ -1,4 +1,12 @@
 # Changelog
+## [1.2.0](https://github.com/barcia/swibe/releases/tag/1.2.0) - 2019-02-21
+### Changed
+- Changed [WebPack](https://webpack.js.org) bundler to [Rollup](https://rollupjs.org/)
+- Remove extension from some markdown files
+- Update README
+### Fixed
+- Small bug in IE11 that not return body scroll after close menu
+
 ## [1.1.0](https://github.com/barcia/swibe/releases/tag/1.1.0) - 2019-01-16
 ### Added
 - Option to add Swibe as script

diff --git a/README.md → README b/README.md → README
@@ -7,28 +7,25 @@ A simple slide menu in JS
 - [Web](http://barcia.github.io/standarize)
 - [Repository](https://github.com/barcia/standarize)
 - [Issues](https://github.com/barcia/standarize/issues)
-- [Changelog](https://github.com/barcia/swibe/blob/master/CHANGELOG.md)
+- [Changelog](https://github.com/barcia/swibe/blob/master/CHANGELOG)
 
 
 ## Getting Started
 
-### Script
-1. [Download the last release](https://github.com/barcia/swibe/releases/latest):
-  ```html
-  <!-- Downloaded file -->
-  <script src="swibe.min.js"></script>
+### 1. Load Swibe
 
-  <!-- With UNPKG -->
-  <script src="https://unpkg.com/swibe"></script>
-  ```
+#### Script
+```html
+<!-- Downloaded file -->
+<script src="swibe.min.js"></script>
 
-2. Start a Swibe menu instace with
-```js
-new Swibe.default();
+<!-- With UNPKG -->
+<script src="https://unpkg.com/swibe"></script>
 ```
 
-### Module
+> [Download the last release](https://github.com/barcia/swibe/releases/latest)
 
+#### Module
 1. Install it with [npm](https://www.npmjs.com/package/swibe):
 
   ```js
@@ -37,35 +34,39 @@ new Swibe.default();
 
 2. Import *swibe.min.js* in your code.
   ```js
-  import Swibe from './swibe.min.js';
+  import Swibe from 'swibe';
   ```
 
-3. Start a Swibe menu instace with
+
+
+## 2. Start a instace
+Start a Swibe menu instace with:
+
 ```js
 new Swibe();
 ```
 
 
- (See [config](https://github.com/barcia/swibe#configuration))
+> See [config](https://github.com/barcia/swibe#configuration)
 
 
-- Add a **trigger** and a **menu** items
-    ```html
-    <button id="swibe-menu-trigger">Menu</button>
-    ```
+Add a **trigger** and a **menu** items
+```html
+<button id="swibe-menu-trigger">Menu</button>
+```
 
-    ```html
-    <nav id="swibe-menu">
-      <ul>
-        <li><a>Item</a></li>
-        <li><a>Item</a></li>
-        <li><a>Item</a></li>
-        <li><a>Item</a></li>
-      </ul>
-    </nav>
-    ```
+```html
+<nav id="swibe-menu">
+  <ul>
+    <li><a>Item</a></li>
+    <li><a>Item</a></li>
+    <li><a>Item</a></li>
+    <li><a>Item</a></li>
+  </ul>
+</nav>
+```
 
-    > You can see this example working in [demo.html](https://github.com/barcia/swibe/blob/master/docs/demo/index.html)
+> You can see this example working in [demo.html](https://github.com/barcia/swibe/blob/master/docs/demo/index.html)
 
 
 

diff --git a/dist/swibe.min.js b/dist/swibe.min.js
diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -15,7 +15,7 @@
 		<!-- <script src="swibe.min.js"></script> -->
 		<script src="https://unpkg.com/swibe"></script>
 		<script>
-			new Swibe.default();
+			new Swibe();
 		</script>
 	</head>
 	<body>

diff --git a/docs/index.html b/docs/index.html
@@ -142,7 +142,7 @@
 
 		<nav class="nav">
 			<ul>
-				<li><a href="https://github.com/barcia/swibe/blob/master/README.md" title="Documentation">Docs</a></li>
+				<li><a href="https://github.com/barcia/swibe/blob/master/README" title="Documentation">Docs</a></li>
 				<li><a href="https://github.com/barcia/swibe" title="View code on GitHub">Code</a></li>
 			</ul>
 		</nav>

diff --git a/package.json b/package.json
@@ -1,33 +1,28 @@
 {
   "name": "swibe",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "description": "A simple swipe menu",
   "homepage": "http://barcia.github.io/swibe",
   "repository": "https://github.com/barcia/swibe",
   "bugs": "https://github.com/barcia/swibe/issues",
-  "author": {
-    "name": "Iván Barcia",
-    "email": "[email protected]",
-    "url": "https://barcia.gal"
-  },
+  "author": "Iván Barcia <[email protected]> (https://barcia.gal)",
   "browser": "dist/swibe.min.js",
   "files": [
     "dist"
   ],
   "scripts": {
-    "build": "webpack --mode production",
-    "watch": "webpack --mode development --watch",
-    "start": "webpack-dev-server --mode development"
+    "build": "rollup -c",
+    "start": "rollup -c --watch",
+    "prepare": "npm run build"
   },
   "devDependencies": {
-    "@babel/core": "^7.2.2",
+    "@babel/core": "^7.3.3",
     "@babel/plugin-transform-object-assign": "^7.2.0",
-    "@babel/preset-env": "^7.2.3",
-    "babel-loader": "^8.0.5",
-    "webpack": "^4.28.4",
-    "webpack-cli": "^3.2.1",
-    "webpack-dev-server": "^3.1.14"
+    "@babel/preset-env": "^7.3.1",
+    "rollup": "^1.2.2",
+    "rollup-plugin-babel": "^4.3.2",
+    "rollup-plugin-terser": "^4.0.4"
   },
   "keywords": [
     "js",
@@ -36,6 +31,7 @@
     "slide",
     "swipe",
     "swibe",
+    "responsive",
     "bramework"
   ]
 }
diff --git a/rollup.config.js b/rollup.config.js
@@ -0,0 +1,19 @@
+import babel from 'rollup-plugin-babel';
+import { terser } from "rollup-plugin-terser";
+
+const isProduction = process.env.BUILD === 'production';
+
+module.exports = {
+  input: 'src/swibe.js',
+	output: {
+		name: 'Swibe',
+		file: 'dist/swibe.min.js',
+		format: 'umd'
+	},
+	plugins: [
+    babel({
+      exclude: 'node_modules/**' // only transpile our source code
+		}),
+		terser()
+  ]
+};
diff --git a/src/swibe.js b/src/swibe.js
@@ -1,5 +1,5 @@
 /**
- * Swibe 1.1.0
+ * Swibe 1.2.0
  * MIT License
  * https://github.com/barcia/swibe
  */

diff --git a/webpack.config.js b/webpack.config.js