import React from 'react';
import ReactDOM from 'react-dom';
import { createStore, applyMiddleware, compose } from 'redux'
import { Provider } from 'react-redux'
import thunk from 'redux-thunk'
import { logger } from 'redux-logger'
import Router from './router';
import store from './store'
import App from './App';

import './index.css'
// 默认样式
import './styles/index.scss';

// iconfont
import './font/iconfont.css';

let devTools = window.devToolsExtension ? window.devToolsExtension() : null
// var store = createStore(reducer,compose(
//     applyMiddleware(thunk,logger),
//     devTools
// ))
if (window.devToolsExtension) {
        let store = createStore(store, compose(
                applyMiddleware(thunk, logger),
                devTools
        ))
} else {
        let store = createStore(store, compose(
                applyMiddleware(thunk, logger)
        ))
}

// ReactDOM.render(
//         <Router />,
//         document.getElementById('root'));

ReactDOM.render(
        <Provider store={store}>
                <App />
        </Provider>,
        document.getElementById('root'));