56 lines
1.5 KiB
JavaScript
56 lines
1.5 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import ReactDOM from 'react-dom';
|
||
|
|
import * as serviceWorker from './serviceWorker';
|
||
|
|
import { init } from '@rematch/core';
|
||
|
|
import { Provider } from 'react-redux';
|
||
|
|
import { HashRouter } from 'react-router-dom';
|
||
|
|
import { renderRoutes } from 'react-router-config';
|
||
|
|
import persistPlugin from '@rematch/persist';
|
||
|
|
import storage from 'localforage';
|
||
|
|
import { getPersistor } from '@rematch/persist';
|
||
|
|
import { PersistGate } from 'redux-persist/lib/integration/react';
|
||
|
|
import 'moment/locale/zh-cn';
|
||
|
|
|
||
|
|
import ScrollReset from './components/ScrollReset';
|
||
|
|
import routes from './routes';
|
||
|
|
import * as models from './models';
|
||
|
|
|
||
|
|
import './index.less';
|
||
|
|
import './views/demo.less';
|
||
|
|
import DataPreload from './components/DataPreload';
|
||
|
|
|
||
|
|
const persistConfig = {
|
||
|
|
key: 'root',
|
||
|
|
storage,
|
||
|
|
blacklist: ['runtime']
|
||
|
|
}
|
||
|
|
|
||
|
|
const store = init({
|
||
|
|
models,
|
||
|
|
plugins: [persistPlugin(persistConfig)],
|
||
|
|
});
|
||
|
|
|
||
|
|
const persistor = getPersistor(store);
|
||
|
|
|
||
|
|
function App() {
|
||
|
|
return (
|
||
|
|
<Provider store={store}>
|
||
|
|
<PersistGate persistor={persistor}>
|
||
|
|
<DataPreload>
|
||
|
|
<HashRouter>
|
||
|
|
<ScrollReset />
|
||
|
|
{renderRoutes(routes)}
|
||
|
|
</HashRouter>
|
||
|
|
</DataPreload>
|
||
|
|
</PersistGate>
|
||
|
|
</Provider>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
ReactDOM.render(<App />, document.getElementById('root'));
|
||
|
|
|
||
|
|
// If you want your app to work offline and load faster, you can change
|
||
|
|
// unregister() to register() below. Note this comes with some pitfalls.
|
||
|
|
// Learn more about service workers: https://bit.ly/CRA-PWA
|
||
|
|
serviceWorker.unregister();
|