Separate demo files

.gitignore

@@ -1,5 +1,5 @@
 node_modules
 npm-debug.log
 .DS_Store
-lib
-demo
+/lib
+/demo

package.json

@@ -7,7 +7,7 @@
     "clean": "rimraf lib; rimraf demo",
     "build:webpack": "NODE_ENV=production webpack --config webpack.config.prod.js",
     "build:demo": "npm run clean && npm run build:webpack && cp index.html demo",
-    "build:compile": "NODE_ENV=production babel src -d lib --ignore App.js,index.js",
+    "build:compile": "NODE_ENV=production babel src -d lib --ignore src/demo",
     "start": "node server.js",
     "lint": "standard --verbose | snazzy",
     "test:mocha": "NODE_ENV=production mocha --require ignore-styles test/mocha --compilers js:babel-core/register",

src/App.js → src/demo/App.js

@@ -1,6 +1,7 @@
 import React, { Component } from 'react'
 
-import ReactPlayer from './ReactPlayer'
+import './Range.scss'
+import ReactPlayer from '../ReactPlayer'
 
 export default class App extends Component {
   state = {

webpack.config.dev.js

@@ -5,7 +5,7 @@ module.exports = {
   devtool: 'cheap-module-eval-source-map',
   entry: [
     'webpack-hot-middleware/client',
-    './src/index'
+    './src/demo/index'
   ],
   output: {
     path: path.join(__dirname, 'demo'),

webpack.config.prod.js

@@ -4,7 +4,7 @@ var ExtractTextPlugin = require('extract-text-webpack-plugin')
 
 module.exports = {
   devtool: 'source-map',
-  entry: './src/index',
+  entry: './src/demo/index',
   output: {
     path: path.join(__dirname, 'demo'),
     filename: 'app.js',