Add babel-plugin-react-display-name. Should preserve displayName when using React.createComponent. Fix #18.

Author: sapegin

package.json

@@ -30,6 +30,7 @@
   "dependencies": {
     "babel-core": "5.8.30",
     "babel-loader": "5.3.2",
+    "babel-plugin-react-display-name": "~2.0.0",
     "babel-plugin-react-transform": "1.1.1",
     "chalk": "1.1.1",
     "codemirror": "5.8.0",

src/make-webpack-config.js

@@ -17,8 +17,10 @@ module.exports = function(env) {
 	}
 
 	var reactTransformPath = path.join(__dirname, '../../babel-plugin-react-transform');  // npm 3
+	var reactDisplayNamePath = path.join(__dirname, '../../babel-plugin-react-display-name');  // npm 3
 	if (!fs.existsSync(reactTransformPath)) {
 		reactTransformPath = path.resolve(__dirname, '../node_modules/babel-plugin-react-transform');  // npm 2 or react-styleguidist develop
+		reactDisplayNamePath = path.resolve(__dirname, '../node_modules/babel-plugin-react-display-name');  // npm 2 or react-styleguidist develop
 	}
 
 	var includes = [
@@ -146,7 +148,10 @@ module.exports = function(env) {
 						loader: 'babel',
 						query: {
 							stage: 0,
-							plugins: [reactTransformPath],
+							plugins: [
+								reactDisplayNamePath,
+								reactTransformPath
+							],
 							extra: {
 								'react-transform': {
 									transforms: [