Improving lodash bundling.

Author: Fabian Gander

.babelrc

@@ -1,3 +1,4 @@
 {
-  "presets": ["es2015", "react"]
+  "presets": ["es2015", "react"],
+  "plugins": ["lodash"]
 }

package.json

@@ -51,6 +51,7 @@
     "babel-core": "^6.25.0",
     "babel-eslint": "^7.2.3",
     "babel-loader": "^7.1.1",
+    "babel-plugin-lodash": "^3.3.4",
     "babel-polyfill": "^6.23.0",
     "babel-preset-es2015": "^6.24.1",
     "babel-preset-react": "^6.24.1",
@@ -65,6 +66,7 @@
     "eslint-plugin-react": "^7.0.1",
     "husky": "^0.13.3",
     "jsdom": "^9.12.0",
+    "lodash-webpack-plugin": "^0.11.5",
     "mocha": "^3.4.2",
     "nyc": "^11.0.2",
     "react-addons-test-utils": "^15.6.2",

webpack.config.prod.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const CleanWebpackPlugin = require('clean-webpack-plugin');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
 const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 
 module.exports = {
@@ -18,6 +19,7 @@ module.exports = {
   },
   plugins: [
     new CleanWebpackPlugin(['dist']),
+    new LodashModuleReplacementPlugin(),
     new UglifyJsPlugin({
       comments: false,
     }),