configure build tools

.babelrc

@@ -0,0 +1,6 @@
+{
+    "presets": [
+      "esnext",
+      "react"
+    ]
+  }

.gitignore

@@ -7,7 +7,7 @@
 /coverage
 
 # production
-/build/lib/*
+/build/*
 !/build/lib/.gitkeep
 
 # misc

README.md

@@ -7,4 +7,9 @@ One of the main feature that make your (web)app feels like "native" is the scree
 
 This repository brings a set of React component in order to help you manage those screens transitions
 
-Note : And because, we are on the web, each page change should be associated with a change in the page url, so be aware that this component set is shipped with "react router" (built-in).
+Note : And because, we are on the web, each page change should be associated with a change in the page url, so be aware that this component set is shipped with "react router" (built-in).
+
+To build examples, run 
+```shell
+WEBPACK_TARGET='examples' webpack
+```

package.json

@@ -21,17 +21,16 @@
     "babel": "^6.23.0",
     "babel-cli": "^6.26.0",
     "babel-core": "^6.26.0",
+    "babel-loader": "^7.1.2",
     "babel-preset-esnext": "^1.1.3",
     "babel-preset-react": "^6.24.1",
     "babelify": "^8.0.0",
-    "browserify": "^14.5.0",
-    "browserify-css": "^0.12.1",
+    "css-loader": "^0.28.7",
     "react": "^16.0.0",
-    "react-dom": "^16.0.0"
+    "react-dom": "^16.0.0",
+    "webpack": "^3.8.1"
   },
   "scripts": {
-    "build-lib": "./node_modules/.bin/babel src/lib --out-dir build/lib --presets=esnext,react && cp src/lib/*.css build/lib/",
-    "build-examples": "./node_modules/.bin/browserify src/examples/index.js -o build/examples/index.js -t [ babelify --presets [ esnext react ] ] -t browserify-css",
-    "build": "npm run build-lib && npm run build-examples"
+    "build": "./node_modules/.bin/webpack"
   }
 }

webpack.config.js

@@ -0,0 +1,41 @@
+
+var sourcePathConfig = {}
+
+if (process.env.WEBPACK_TARGET !== 'examples') {
+  sourcePathConfig = {
+    entry: './src/lib',
+    output: {
+      path: __dirname + '/build/lib',
+      filename: 'index.js'
+    }
+  }
+} else {
+  sourcePathConfig = {
+    entry: './src/examples',
+    output: {
+      path: __dirname + '/build/examples',
+      filename: 'index.js'
+    }
+  }  
+}
+
+module.exports = Object.assign(sourcePathConfig, {
+  context: __dirname,
+
+  devtool: 'source-map',
+
+  module: {
+    loaders: [{
+        test: /\.css$/,
+        loader: 'css-loader'
+    },
+    {
+      test: /\.js$/,
+      exclude: /node_modules/,
+      loader: 'babel-loader'
+    }]
+  },
+
+  plugins: [
+  ]
+})