minifiy

.gitignore

@@ -13,5 +13,5 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 
-lib
+index.min.js
 bundle.js

package.json

@@ -1,10 +1,10 @@
 {
   "name": "react-redux-modal-flex",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Make easy a modal/popup with Redux",
   "author": "Nghiệp<[email protected]>",
   "homepage": "http://react-redux-modal-flex.surge.sh",
-  "main": "lib/index.js",
+  "main": "index.min.js",
   "files": ["lib"],
   "dependencies": {
     "classnames": "^2.2.5",
@@ -40,7 +40,8 @@
   },
   "scripts": {
     "dev": "./node_modules/.bin/webpack-dev-server",
-    "lib": "./node_modules/.bin/babel src --out-dir lib",
+    "lib":
+      "cross-env NODE_ENV=production ./node_modules/.bin/webpack --config webpack.lib.config.js --progress --profile -p",
     "build":
       "cross-env NODE_ENV=production ./node_modules/.bin/webpack --progress --profile -p",
     "demo":

webpack.lib.config.js

@@ -0,0 +1,67 @@
+'use strict';
+
+const webpack = require('webpack');
+const path = require('path');
+
+module.exports = {
+  entry: {
+    'index.min': './src/index.js',
+  },
+
+  externals: ['react', 'react-dom', 'prop-types', 'redux', 'react-redux'],
+
+  output: {
+    filename: '[name].js',
+    chunkFilename: '[id].chunk.js',
+    publicPath: '/',
+    libraryTarget: 'umd',
+    library: 'ReactReduxModalFlex',
+  },
+
+  resolve: {
+    extensions: ['.js', '.jsx'],
+  },
+
+  plugins: [
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+    }),
+    new webpack.optimize.UglifyJsPlugin({
+      include: /\.min\.js$/,
+      minimize: true,
+      compress: {
+        warnings: false,
+        comparisons: false,
+      },
+      output: {
+        comments: false,
+        ascii_only: true,
+      },
+    }),
+    new webpack.optimize.ModuleConcatenationPlugin(),
+  ],
+
+  module: {
+    strictExportPresence: true,
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        loader: require.resolve('babel-loader'),
+        options: {
+          compact: true,
+        },
+      },
+      {
+        test: /\.css$/,
+        use: [
+          {
+            loader: 'style-loader',
+          },
+          {
+            loader: 'css-loader',
+          },
+        ],
+      },
+    ],
+  },
+};