feat: extract css make ssr work

Author: fengzhihao.infeng

README.md

@@ -20,6 +20,7 @@ npm install react-viewer --save
 ```javascript
 import * as React from 'react';
 import Viewer from 'react-viewer';
+import 'react-viewer/dist/index.css';
 
 function App() {
   const [ visible, setVisible ] = React.useState(false);

package-lock.json

@@ -68,6 +68,7 @@
     "less": "^3.10.3",
     "less-loader": "^5.0.0",
     "merge2": "^1.3.0",
+    "mini-css-extract-plugin": "^0.9.0",
     "postcss-loader": "^3.0.0",
     "pre-commit": "^1.1.3",
     "react": "^16.10.2",

package.json

@@ -1,5 +1,5 @@
 const React = require('react');
-const Viewer = require('./dist/index');
+const Viewer = require('../dist/index').default;
 
 function App () {
   const [ visible, setVisible ] = React.useState(false);
@@ -18,7 +18,7 @@ function App () {
   return (
     <div>
       <button onClick={() => { setVisible(true); }}>{visible ? 'close' : 'open'}</button>
-      <Viewer images={images} visible={visible} />
+      <Viewer images={images} visible={visible} onClose={() => { setVisible(false); }} />
     </div>
   );
 }

ssr-test/app.js

@@ -1,5 +1,6 @@
 const React = require('react');
 const ReactDOM = require('react-dom');
 const App = require('./app');
+import '../dist/index.css';
 
 ReactDOM.hydrate(<App />, document.getElementById('root'));