Webpack

Author: Didier Franc

dist/react-code-splitting.js

@@ -2,21 +2,23 @@
   "name": "react-code-splitting",
   "version": "1.1.1",
   "description": "Code splitting won't be a nightmare anymore",
-  "main": "./dist/react-code-splitting.js",
+  "main": "./dist/react-code-splitting.min.js",
   "repository": "https://github.com/didierfranc/react-code-splitting",
   "author": "Didier Franc",
   "license": "MIT",
   "scripts": {
-    "build": "babel ./src/index.js --out-file ./dist/react-code-splitting.js"
+    "build": "webpack"
   },
   "devDependencies": {
     "babel-cli": "^6.23.0",
     "babel-core": "^6.22.1",
+    "babel-loader": "^7.1.1",
     "babel-preset-es2015": "^6.22.0",
     "babel-preset-react": "^6.22.0",
     "babel-preset-stage-0": "^6.22.0"
   },
   "dependencies": {
-    "prop-types": "^15.5.8"
+    "prop-types": "^15.5.8",
+    "webpack": "^3.4.1"
   }
 }

dist/react-code-splitting.min.js

@@ -0,0 +1,41 @@
+const { resolve } = require('path');
+const webpack = require('webpack');
+
+module.exports = {
+  devtool: 'source-map',
+  
+  entry: './src/index.js',
+
+  output: {
+    filename: 'react-code-splitting.min.js',
+    path: resolve(__dirname, 'dist'),
+    publicPath: '/',
+    library: 'ReactCodeSplitting',
+    libraryTarget: 'umd'
+  },
+  
+  module: {
+    rules: [
+      {
+        test: /\.(js|jsx)$/,
+        include: resolve(__dirname, './src'),
+        use: 'babel-loader',
+      },
+    ],
+  },
+  
+  plugins:[
+    new webpack.optimize.UglifyJsPlugin({
+      sourceMap: true,
+    }),
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify('production')
+    }),
+    new webpack.optimize.ModuleConcatenationPlugin()
+  ],
+  
+  externals: [
+    'react',
+    'react-dom',
+  ]
+}