progress ++

.babelrc

@@ -14,6 +14,7 @@
     "@babel/react"
   ],
   "plugins": [
-    "@babel/plugin-proposal-class-properties"
+    "@babel/transform-runtime",
+    "@babel/proposal-class-properties"
   ]
 }

.eslintignore

@@ -0,0 +1,3 @@
+node_modules
+dist
+example

.eslintrc.js

@@ -0,0 +1,40 @@
+module.exports = {
+    "parser": "babel-eslint",
+    "env": {
+        "browser": true,
+        "commonjs": true,
+        "es6": true,
+        "node": true
+    },
+    "extends": "eslint:recommended",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "ecmaVersion": 2018,
+        "sourceType": "module"
+    },
+    "plugins": [
+        "react"
+    ],
+    "rules": {
+        "react/jsx-uses-react": [1],
+        "react/jsx-uses-vars": [2],
+        "indent": [
+            "error",
+            2
+        ],
+        "linebreak-style": [
+            "error",
+            "unix"
+        ],
+        "quotes": [
+            "error",
+            "single"
+        ],
+        "semi": [
+            "error",
+            "never"
+        ]
+    }
+};

build/webpack.base.js

@@ -1,5 +1,6 @@
 var path = require('path')
-    , ExtractTextPlugin = require('extract-text-webpack-plugin')
+  , fs = require('fs')
+  , ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 module.exports = {
   module: {
@@ -14,8 +15,19 @@ module.exports = {
         ])
       }, {
         test: /\.(js|jsx)$/,
-        exclude: /node_modules/,
-        use: ['babel-loader']
+        exclude: [
+          /node_modules/,
+          /dist/
+        ],
+        use: [
+          {
+            loader: 'babel-loader',
+            options: {
+              ...JSON.parse(fs.readFileSync(path.resolve(__dirname, '../.babelrc'))),
+            },
+          },
+          'eslint-loader'
+        ]
       }, {
         test: /\.(png|svg)$/,
         use: [

build/webpack.development.js

@@ -1,6 +1,6 @@
-var webpack = require('webpack')
-  , merge = require('webpack-merge')
+var merge = require('webpack-merge')
   , path = require('path')
+  , ExtractTextPlugin = require('extract-text-webpack-plugin')
   , HtmlWebpackPlugin = require('html-webpack-plugin')
   , baseConfigs = require('./webpack.base')
 
@@ -15,6 +15,7 @@ module.exports = merge(baseConfigs, {
     filename: '[name].js'
   },
   plugins: [
+    new ExtractTextPlugin('index.css'),
     new HtmlWebpackPlugin({
       template: './example/index.html'
     })

build/webpack.production.js

@@ -1,5 +1,4 @@
-var webpack = require('webpack')
-  , merge = require('webpack-merge')
+var merge = require('webpack-merge')
   , ExtractTextPlugin = require('extract-text-webpack-plugin')
   , OptimizeCssAssetsPlugin = require('optimize-css-assets-webpack-plugin')
   , path = require('path')
@@ -30,10 +29,10 @@ module.exports = merge(baseConfigs, {
     'immutable': 'immutable'
   },
   optimization: {
-    minimize: false,
+    minimize: true,
   },
   plugins: [
-    new ExtractTextPlugin("index.css"),
+    new ExtractTextPlugin('index.css'),
     new OptimizeCssAssetsPlugin({
       assetNameRegExp: /.css$/,
       cssProcessor: require('cssnano'),