Fix demo dependencies

zackargyle · Jun 24, 2016 · bfefe79 · bfefe79
1 parent 3d03896
commit bfefe79
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 9 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -8,12 +8,14 @@
       <style>
         body { background-color: #000; margin: 0; }
         #app { margin: 50px auto; width: 630px; height: 450px; }
+        input:focus { outline: none; }
       </style>
   </head>
 
   <body>
       <div id="app"></div>
-      <script src="https://npmcdn.com/react@15.1.0/dist/react.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>
       <script src="dist/react-bash.js"></script>
   </body>
 

diff --git a/webpack.config.js b/webpack.config.js
@@ -1,16 +1,20 @@
 var webpack = require('webpack');
 
-var reactExternal = {
-    root: 'React',
-    commonjs2: 'react',
-    commonjs: 'react',
-    amd: 'react'
-};
-
 var env = process.env.NODE_ENV;
 var config = {
     externals: {
-        react: reactExternal
+        react: {
+            root: 'React',
+            commonjs2: 'react',
+            commonjs: 'react',
+            amd: 'react'
+        },
+        'react-dom': {
+            root: 'ReactDOM',
+            commonjs2: 'react-dom',
+            commonjs: 'react-dom',
+            amd: 'react-dom'
+        }
     },
     module: {
         loaders: [