Minify dist and update README

DonRai · Oct 15, 2017 · 33fc9e6 · 33fc9e6
1 parent 626a2fe
commit 33fc9e6
Show file tree

Hide file tree

Showing 6 changed files with 287 additions and 90 deletions.
diff --git a/.babelrc b/.babelrc
@@ -3,5 +3,10 @@
     "es2015",
     "stage-0",
     "react"
-  ]
+  ],
+  "env": {
+    "production": {
+      "presets": ["minify"]
+    }
+  }
 }
diff --git a/README.md b/README.md
@@ -2,6 +2,7 @@
 [![npm][npm]][npm-url]
 
 ## Basic Info
+Tiny component 2 KB.
 React component for check browser support format WebP and insert if supported WebP image. More about WebP https://developers.google.com/speed/webp/
 
 ## Online example

diff --git a/dist/index.js b/dist/index.js
diff --git a/examples/modules/index.js b/examples/modules/index.js
@@ -2,7 +2,7 @@ import React, {Component} from 'react';
 import ReactDOM from 'react-dom';
 import Image from 'react-image-webp';
 
-class TestImage extends React.Component {
+class TestImage extends Component {
     /**
      * Render jsx to html
      * @returns {XML}
@@ -21,7 +21,4 @@ class TestImage extends React.Component {
     }
 }
 
-ReactDOM.render(
-    <TestImage />,
-    document.getElementById('root')
-);
+ReactDOM.render(<TestImage/>, document.getElementById('root'));
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-image-webp",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "React component for check browser support format webp and insert if supported webp image.",
   "repository": {
     "type": "git",
@@ -13,9 +13,11 @@
   ],
   "main": "dist/index.js",
   "scripts": {
-    "build": "babel modules/ --out-dir dist/"
+    "build": "babel modules/ --out-dir dist/",
+    "minify": "minify dist -d dist"
   },
   "devDependencies": {
+    "babel-minify": "^0.2.0",
     "babel-cli": "^6.9.0",
     "babel-core": "^6.17.0",
     "babel-eslint": "^7.0.0",