diff --git a/package.json b/package.json
index 593d3b3..6505ae9 100644
--- a/package.json
+++ b/package.json
@@ -7,6 +7,7 @@
     "dva": "^1.1.0",
     "dva-loading": "^0.2.0",
     "lodash": "^4.17.4",
+    "nprogress": "^0.2.0",
     "qs": "^6.2.0",
     "react": "^15.4.1",
     "react-countup": "1.3.0",
@@ -41,16 +42,8 @@
     "lint"
   ],
   "scripts": {
-    "dev": "set BROWSER=none&&roadhog server",
+    "dev": "set BROWSER=none&&set HOST=0.0.0.0&&roadhog server",
     "lint": "eslint --fix --ext .js src",
-    "build": "roadhog build"
-  },
-  "theme": "./src/theme.js",
-  "standard": {
-    "parser": "babel-eslint",
-    "globals": [
-      "location",
-      "localStorage"
-    ]
+    "build": "roadhog build --analyze"
   }
 }
diff --git a/src/components/DataTable/AnimTableBody.js b/src/components/DataTable/AnimTableBody.js
index 4160e42..c4b6e58 100644
--- a/src/components/DataTable/AnimTableBody.js
+++ b/src/components/DataTable/AnimTableBody.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { TweenOneGroup } from 'rc-tween-one'
 
 const enterAnim = [
diff --git a/src/components/DataTable/DataTable.js b/src/components/DataTable/DataTable.js
index 076e181..23eaf4a 100644
--- a/src/components/DataTable/DataTable.js
+++ b/src/components/DataTable/DataTable.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Table } from 'antd'
 import { request } from '../../utils'
 import lodash from 'lodash'
diff --git a/src/components/DropOption/DropOption.js b/src/components/DropOption/DropOption.js
index 995c26b..3fe6d85 100644
--- a/src/components/DropOption/DropOption.js
+++ b/src/components/DropOption/DropOption.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Dropdown, Button, Icon, Menu } from 'antd'
 
 const DropOption = ({ onMenuClick, menuOptions = [], buttonStyle, dropdownProps }) => {
diff --git a/src/components/Iconfont/Iconfont.js b/src/components/Iconfont/Iconfont.js
index 66a159b..ddfa17f 100644
--- a/src/components/Iconfont/Iconfont.js
+++ b/src/components/Iconfont/Iconfont.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import './iconfont.less'
 
 const Iconfont = ({ type }) => <span
diff --git a/src/components/Layout/Bread.js b/src/components/Layout/Bread.js
index ea030d7..25422ae 100644
--- a/src/components/Layout/Bread.js
+++ b/src/components/Layout/Bread.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Breadcrumb, Icon } from 'antd'
 import { Link } from 'dva/router'
 import styles from './Bread.less'
diff --git a/src/components/Layout/Header.js b/src/components/Layout/Header.js
index 07a6587..505eeb1 100644
--- a/src/components/Layout/Header.js
+++ b/src/components/Layout/Header.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Menu, Icon, Popover } from 'antd'
 import styles from './Header.less'
 import Menus from './Menu'
diff --git a/src/components/Layout/Menu.js b/src/components/Layout/Menu.js
index 8fea75a..353aeb1 100644
--- a/src/components/Layout/Menu.js
+++ b/src/components/Layout/Menu.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Menu, Icon } from 'antd'
 import { Link } from 'dva/router'
 import { menu } from '../../utils'
diff --git a/src/components/Layout/Sider.js b/src/components/Layout/Sider.js
index 0c7ae2e..7fb1869 100644
--- a/src/components/Layout/Sider.js
+++ b/src/components/Layout/Sider.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Icon, Switch } from 'antd'
 import styles from './Layout.less'
 import { config } from '../../utils'
diff --git a/src/components/Search/Search.js b/src/components/Search/Search.js
index 3d239fe..5adc495 100644
--- a/src/components/Search/Search.js
+++ b/src/components/Search/Search.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import ReactDOM from 'react-dom'
 import styles from './Search.less'
 import { Input, Select, Button, Icon } from 'antd'
diff --git a/src/router.js b/src/router.js
index 47c4233..71fc4bf 100644
--- a/src/router.js
+++ b/src/router.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Router } from 'dva/router'
 import App from './routes/app'
 
diff --git a/src/routes/app.js b/src/routes/app.js
index 2cedfef..6d1bad9 100644
--- a/src/routes/app.js
+++ b/src/routes/app.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'dva'
 import { Layout } from '../components'
 import { classnames, config } from '../utils'
@@ -7,7 +8,8 @@ import '../themes/index.less'
 
 const { Header, Bread, Footer, Sider, styles } = Layout
 
-const App = ({ children, location, dispatch, app }) => {
+const App = ({ children, location, dispatch, app, loading }) => {
+  console.log(loading)
   const { user, siderFold, darkTheme, isNavbar, menuPopoverVisible, navOpenKeys } = app
 
   const headerProps = {
@@ -81,6 +83,7 @@ App.propTypes = {
   location: PropTypes.object,
   dispatch: PropTypes.func,
   app: PropTypes.object,
+  loading: PropTypes.object,
 }
 
-export default connect(({ app }) => ({ app }))(App)
+export default connect(({ app, loading }) => ({ app, loading }))(App)
diff --git a/src/routes/chart/Container.js b/src/routes/chart/Container.js
index 104e4b2..ac36f9b 100644
--- a/src/routes/chart/Container.js
+++ b/src/routes/chart/Container.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import styles from './Container.less'
 import { ResponsiveContainer } from 'recharts'
 
diff --git a/src/routes/chart/barChart/index.js b/src/routes/chart/barChart/index.js
index fd083c1..0fff5fb 100644
--- a/src/routes/chart/barChart/index.js
+++ b/src/routes/chart/barChart/index.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Row, Col, Card, Button } from 'antd'
 import Container from '../Container'
 import {
diff --git a/src/routes/chart/lineChart/index.js b/src/routes/chart/lineChart/index.js
index c363fb1..e45f73b 100644
--- a/src/routes/chart/lineChart/index.js
+++ b/src/routes/chart/lineChart/index.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Row, Col, Card, Button } from 'antd'
 import Container from '../Container'
 import {
diff --git a/src/routes/dashboard/components/browser.js b/src/routes/dashboard/components/browser.js
index fa5b794..6daeab9 100644
--- a/src/routes/dashboard/components/browser.js
+++ b/src/routes/dashboard/components/browser.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Table, Tag } from 'antd'
 import styles from './browser.less'
 import { color } from '../../../utils'
diff --git a/src/routes/dashboard/components/comments.js b/src/routes/dashboard/components/comments.js
index b8c71f8..dea3642 100644
--- a/src/routes/dashboard/components/comments.js
+++ b/src/routes/dashboard/components/comments.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Table, Tag } from 'antd'
 import styles from './comments.less'
 import { color } from '../../../utils'
diff --git a/src/routes/dashboard/components/completed.js b/src/routes/dashboard/components/completed.js
index b2ac636..1eef236 100644
--- a/src/routes/dashboard/components/completed.js
+++ b/src/routes/dashboard/components/completed.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import styles from './completed.less'
 import classnames from 'classnames'
 import { color } from '../../../utils'
diff --git a/src/routes/dashboard/components/cpu.js b/src/routes/dashboard/components/cpu.js
index 860d79c..b6102ea 100644
--- a/src/routes/dashboard/components/cpu.js
+++ b/src/routes/dashboard/components/cpu.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import styles from './cpu.less'
 import { color } from '../../../utils'
 import CountUp from 'react-countup'
diff --git a/src/routes/dashboard/components/numberCard.js b/src/routes/dashboard/components/numberCard.js
index 26c09f8..8c2491e 100644
--- a/src/routes/dashboard/components/numberCard.js
+++ b/src/routes/dashboard/components/numberCard.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Icon, Card } from 'antd'
 import CountUp from 'react-countup'
 import styles from './numberCard.less'
diff --git a/src/routes/dashboard/components/quote.js b/src/routes/dashboard/components/quote.js
index 240d244..709ce9a 100644
--- a/src/routes/dashboard/components/quote.js
+++ b/src/routes/dashboard/components/quote.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import styles from './quote.less'
 
 function Quote ({ name, content, title, avatar }) {
diff --git a/src/routes/dashboard/components/recentSales.js b/src/routes/dashboard/components/recentSales.js
index af1e9c3..cdbe213 100644
--- a/src/routes/dashboard/components/recentSales.js
+++ b/src/routes/dashboard/components/recentSales.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Table, Tag } from 'antd'
 import styles from './recentSales.less'
 import { color } from '../../../utils'
diff --git a/src/routes/dashboard/components/sales.js b/src/routes/dashboard/components/sales.js
index 1c73623..b761cc7 100644
--- a/src/routes/dashboard/components/sales.js
+++ b/src/routes/dashboard/components/sales.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import styles from './sales.less'
 import classnames from 'classnames'
 import { color } from '../../../utils'
diff --git a/src/routes/dashboard/components/user.js b/src/routes/dashboard/components/user.js
index 68cc411..af483b5 100644
--- a/src/routes/dashboard/components/user.js
+++ b/src/routes/dashboard/components/user.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Button } from 'antd'
 import styles from './user.less'
 import CountUp from 'react-countup'
diff --git a/src/routes/dashboard/components/weather.js b/src/routes/dashboard/components/weather.js
index b11a060..09a7ec6 100644
--- a/src/routes/dashboard/components/weather.js
+++ b/src/routes/dashboard/components/weather.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import styles from './weather.less'
 
 function Weather ({ city, icon, dateTime, temperature, name }) {
diff --git a/src/routes/dashboard/index.js b/src/routes/dashboard/index.js
index e71958b..eeee8e6 100644
--- a/src/routes/dashboard/index.js
+++ b/src/routes/dashboard/index.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'dva'
 import { Row, Col, Card } from 'antd'
 import { NumberCard, Quote, Sales, Weather, RecentSales, Comments, Completed, Browser, Cpu, User } from './components'
diff --git a/src/routes/login/index.js b/src/routes/login/index.js
index 8ed54b8..ee5e98f 100644
--- a/src/routes/login/index.js
+++ b/src/routes/login/index.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { connect } from 'dva'
 import { Button, Row, Form, Input } from 'antd'
 import { config } from '../../utils'
diff --git a/src/routes/users/UserFilter.js b/src/routes/users/UserFilter.js
index 0f9b972..7fea2c7 100644
--- a/src/routes/users/UserFilter.js
+++ b/src/routes/users/UserFilter.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Form, Button, Row, Col, Switch } from 'antd'
 import { Search } from '../../components'
 
diff --git a/src/routes/users/UserList.js b/src/routes/users/UserList.js
index 2817109..c2913ab 100644
--- a/src/routes/users/UserList.js
+++ b/src/routes/users/UserList.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Table, Modal } from 'antd'
 import styles from './UserList.less'
 import classnames from 'classnames'
diff --git a/src/routes/users/UserModal.js b/src/routes/users/UserModal.js
index 6d8eef1..2a67af9 100644
--- a/src/routes/users/UserModal.js
+++ b/src/routes/users/UserModal.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { Form, Input, InputNumber, Radio, Modal } from 'antd'
 const FormItem = Form.Item
 
diff --git a/src/routes/users/index.js b/src/routes/users/index.js
index 494f47d..b8c7530 100644
--- a/src/routes/users/index.js
+++ b/src/routes/users/index.js
@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react'
+import React from 'react'
+import PropTypes from 'prop-types'
 import { routerRedux } from 'dva/router'
 import { connect } from 'dva'
 import UserList from './UserList'
diff --git a/src/services/app.js b/src/services/app.js
index c4a62d4..c34e173 100644
--- a/src/services/app.js
+++ b/src/services/app.js
@@ -1,10 +1,10 @@
 import { request, config } from '../utils'
 const { api } = config
-const { userInfo, userLogout } = api
+const { userInfo, userLogout, userLogin } = api
 
 export async function login (params) {
   return request({
-    url: '/api/login',
+    url: userLogin,
     method: 'post',
     data: params,
   })
diff --git a/webpack.configtest.js b/webpack.configtest.js
deleted file mode 100644
index 88576a1..0000000
--- a/webpack.configtest.js
+++ /dev/null
@@ -1,50 +0,0 @@
-const webpack = require('atool-build/lib/webpack')
-
-module.exports = function (webpackConfig, env) {
-  webpackConfig.babel.plugins.push('transform-runtime')
-  webpackConfig.babel.plugins.push(['import', {
-    libraryName: 'antd',
-    style: true,
-  }])
-
-  // Support hmr
-  if (env === 'development') {
-    webpackConfig.devtool = '#eval'
-    webpackConfig.babel.plugins.push(['dva-hmr', {
-      entries: [
-        './src/index.js',
-      ],
-    }])
-  } else {
-    webpackConfig.babel.plugins.push('dev-expression')
-    webpackConfig.entry = { index: './src/_index.js' }
-  }
-
-  // Don't extract common.js and common.css
-  webpackConfig.plugins = webpackConfig.plugins.filter((plugin) => {
-    return !(plugin instanceof webpack.optimize.CommonsChunkPlugin)
-  })
-
-  // Support CSS Modules
-  // Parse all less files as css module.
-  webpackConfig.module.loaders.forEach((loader) => {
-    if (typeof loader.test === 'function' && loader.test.toString().indexOf('\\.less$') > -1) {
-      loader.include = /node_modules/
-      loader.test = /\.less$/
-    }
-    if (loader.test.toString() === '/\\.module\\.less$/') {
-      loader.exclude = /node_modules/
-      loader.test = /\.less$/
-    }
-    if (typeof loader.test === 'function' && loader.test.toString().indexOf('\\.css$') > -1) {
-      loader.include = /node_modules/
-      loader.test = /\.css$/
-    }
-    if (loader.test.toString() === '/\\.module\\.css$/') {
-      loader.exclude = /node_modules/
-      loader.test = /\.css$/
-    }
-  })
-
-  return webpackConfig
-}