diff --git a/src/components/DataTable/DataTable.js b/src/components/DataTable/DataTable.js
index 23eaf4a..597c424 100644
--- a/src/components/DataTable/DataTable.js
+++ b/src/components/DataTable/DataTable.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { Table } from 'antd'
-import { request } from '../../utils'
+import { request } from 'utils'
 import lodash from 'lodash'
 import './DataTable.less'
 
diff --git a/src/components/Layout/Bread.js b/src/components/Layout/Bread.js
index 7566c54..75e74f2 100644
--- a/src/components/Layout/Bread.js
+++ b/src/components/Layout/Bread.js
@@ -4,7 +4,7 @@ import { Breadcrumb, Icon } from 'antd'
 import { Link } from 'dva/router'
 import styles from './Bread.less'
 import pathToRegexp from 'path-to-regexp'
-import { queryArray } from '../../utils'
+import { queryArray } from 'utils'
 
 const Bread = ({ menu }) => {
   // 匹配当前路由
diff --git a/src/components/Layout/Footer.js b/src/components/Layout/Footer.js
index 6e7f6bb..dd754c0 100644
--- a/src/components/Layout/Footer.js
+++ b/src/components/Layout/Footer.js
@@ -1,6 +1,6 @@
 import React from 'react'
 import styles from './Footer.less'
-import { config } from '../../utils'
+import { config } from 'utils'
 
 const Footer = () => <div className={styles.footer}>
   {config.footerText}
diff --git a/src/components/Layout/Menu.js b/src/components/Layout/Menu.js
index a9cedcd..7ad8fe7 100644
--- a/src/components/Layout/Menu.js
+++ b/src/components/Layout/Menu.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Menu, Icon } from 'antd'
 import { Link } from 'dva/router'
-import { arrayToTree, queryArray } from '../../utils'
+import { arrayToTree, queryArray } from 'utils'
 import pathToRegexp from 'path-to-regexp'
 
 const Menus = ({ siderFold, darkTheme, location, handleClickNavMenu, navOpenKeys, changeOpenKeys, menu }) => {
diff --git a/src/components/Layout/Sider.js b/src/components/Layout/Sider.js
index d60834d..22ec010 100644
--- a/src/components/Layout/Sider.js
+++ b/src/components/Layout/Sider.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Icon, Switch } from 'antd'
 import styles from './Layout.less'
-import { config } from '../../utils'
+import { config } from 'utils'
 import Menus from './Menu'
 
 const Sider = ({ siderFold, darkTheme, location, changeTheme, navOpenKeys, changeOpenKeys, menu }) => {
diff --git a/src/models/app.js b/src/models/app.js
index 2ed12b8..3ff0667 100644
--- a/src/models/app.js
+++ b/src/models/app.js
@@ -1,7 +1,7 @@
 import { query, logout } from '../services/app'
 import { routerRedux } from 'dva/router'
 import { parse } from 'qs'
-import { config } from '../utils'
+import { config } from 'utils'
 const { prefix } = config
 
 export default {
diff --git a/src/models/login.js b/src/models/login.js
index d47a4a8..e9137ea 100644
--- a/src/models/login.js
+++ b/src/models/login.js
@@ -1,6 +1,6 @@
 import { login } from '../services/login'
 import { routerRedux } from 'dva/router'
-import { queryURL } from '../utils'
+import { queryURL } from 'utils'
 
 export default {
   namespace: 'login',
diff --git a/src/models/user.js b/src/models/user.js
index 7db44c5..182023e 100644
--- a/src/models/user.js
+++ b/src/models/user.js
@@ -2,7 +2,7 @@ import modelExtend from 'dva-model-extend'
 import { create, remove, update } from '../services/user'
 import * as usersService from '../services/users'
 import { pageModel } from './common'
-import { config } from '../utils'
+import { config } from 'utils'
 
 const { query } = usersService
 const { prefix } = config
diff --git a/src/routes/UIElement/dataTable/index.js b/src/routes/UIElement/dataTable/index.js
index d4eb9b1..a0d11df 100644
--- a/src/routes/UIElement/dataTable/index.js
+++ b/src/routes/UIElement/dataTable/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { DataTable } from '../../../components'
+import { DataTable } from 'components'
 import { Table, Row, Col, Card, Select } from 'antd'
 
 class DataTablePage extends React.Component {
diff --git a/src/routes/UIElement/dropOption/index.js b/src/routes/UIElement/dropOption/index.js
index f4bb50a..d76931b 100644
--- a/src/routes/UIElement/dropOption/index.js
+++ b/src/routes/UIElement/dropOption/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { DropOption } from '../../../components'
+import { DropOption } from 'components'
 import { Table, Row, Col, Card, message } from 'antd'
 
 const DropOptionPage = () => <div className="content-inner">
diff --git a/src/routes/UIElement/editor/index.js b/src/routes/UIElement/editor/index.js
index 9102622..f95d48a 100644
--- a/src/routes/UIElement/editor/index.js
+++ b/src/routes/UIElement/editor/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Editor } from '../../../components'
+import { Editor } from 'components'
 import { convertToRaw } from 'draft-js'
 import { Row, Col, Card } from 'antd'
 import draftToHtml from 'draftjs-to-html'
diff --git a/src/routes/UIElement/iconfont/index.js b/src/routes/UIElement/iconfont/index.js
index e15ff0c..386f9a0 100644
--- a/src/routes/UIElement/iconfont/index.js
+++ b/src/routes/UIElement/iconfont/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Iconfont } from '../../../components'
+import { Iconfont } from 'components'
 import { Table, Row, Col, Icon } from 'antd'
 import styles from './index.less'
 import './emoji.js'
diff --git a/src/routes/UIElement/layer/index.js b/src/routes/UIElement/layer/index.js
index 6f4e5a6..9388ad2 100644
--- a/src/routes/UIElement/layer/index.js
+++ b/src/routes/UIElement/layer/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { layer } from '../../../components'
+import { layer } from 'components'
 import { Table, Row, Col, Button, Card } from 'antd'
 
 let Enum = {
diff --git a/src/routes/UIElement/search/index.js b/src/routes/UIElement/search/index.js
index bce70b9..be78cf5 100644
--- a/src/routes/UIElement/search/index.js
+++ b/src/routes/UIElement/search/index.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import { Search } from '../../../components'
+import { Search } from 'components'
 import { Table, Row, Col, Card } from 'antd'
 
 const SearchPage = () => <div className="content-inner">
diff --git a/src/routes/app.js b/src/routes/app.js
index a152549..8acdbea 100644
--- a/src/routes/app.js
+++ b/src/routes/app.js
@@ -1,8 +1,8 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import { connect } from 'dva'
-import { Layout } from '../components'
-import { classnames, config, menu } from '../utils'
+import { Layout } from 'components'
+import { classnames, config, menu } from 'utils'
 import { Helmet } from 'react-helmet'
 import '../themes/index.less'
 import './app.less'
diff --git a/src/routes/dashboard/components/browser.js b/src/routes/dashboard/components/browser.js
index 6daeab9..75b9f67 100644
--- a/src/routes/dashboard/components/browser.js
+++ b/src/routes/dashboard/components/browser.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Table, Tag } from 'antd'
 import styles from './browser.less'
-import { color } from '../../../utils'
+import { color } from 'utils'
 
 const status = {
   1: {
diff --git a/src/routes/dashboard/components/comments.js b/src/routes/dashboard/components/comments.js
index dea3642..48eb645 100644
--- a/src/routes/dashboard/components/comments.js
+++ b/src/routes/dashboard/components/comments.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Table, Tag } from 'antd'
 import styles from './comments.less'
-import { color } from '../../../utils'
+import { color } from 'utils'
 
 const status = {
   1: {
diff --git a/src/routes/dashboard/components/completed.js b/src/routes/dashboard/components/completed.js
index 1eef236..e4ed206 100644
--- a/src/routes/dashboard/components/completed.js
+++ b/src/routes/dashboard/components/completed.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import styles from './completed.less'
 import classnames from 'classnames'
-import { color } from '../../../utils'
+import { color } from 'utils'
 import { AreaChart, Area, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'
 
 function Completed ({ data }) {
diff --git a/src/routes/dashboard/components/cpu.js b/src/routes/dashboard/components/cpu.js
index b6102ea..97fe3a2 100644
--- a/src/routes/dashboard/components/cpu.js
+++ b/src/routes/dashboard/components/cpu.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import styles from './cpu.less'
-import { color } from '../../../utils'
+import { color } from 'utils'
 import CountUp from 'react-countup'
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, ResponsiveContainer } from 'recharts'
 
diff --git a/src/routes/dashboard/components/recentSales.js b/src/routes/dashboard/components/recentSales.js
index cdbe213..496d6e7 100644
--- a/src/routes/dashboard/components/recentSales.js
+++ b/src/routes/dashboard/components/recentSales.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { Table, Tag } from 'antd'
 import styles from './recentSales.less'
-import { color } from '../../../utils'
+import { color } from 'utils'
 
 const status = {
   1: {
diff --git a/src/routes/dashboard/components/sales.js b/src/routes/dashboard/components/sales.js
index b761cc7..70b2609 100644
--- a/src/routes/dashboard/components/sales.js
+++ b/src/routes/dashboard/components/sales.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import styles from './sales.less'
 import classnames from 'classnames'
-import { color } from '../../../utils'
+import { color } from 'utils'
 import { LineChart, Line, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from 'recharts'
 
 function Sales ({ data }) {
diff --git a/src/routes/dashboard/components/user.js b/src/routes/dashboard/components/user.js
index af483b5..59465f8 100644
--- a/src/routes/dashboard/components/user.js
+++ b/src/routes/dashboard/components/user.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types'
 import { Button } from 'antd'
 import styles from './user.less'
 import CountUp from 'react-countup'
-import { color } from '../../../utils'
+import { color } from 'utils'
 const countUpProps = {
   start: 0,
   duration: 2.75,
diff --git a/src/routes/dashboard/index.js b/src/routes/dashboard/index.js
index eeee8e6..0df4193 100644
--- a/src/routes/dashboard/index.js
+++ b/src/routes/dashboard/index.js
@@ -4,7 +4,7 @@ import { connect } from 'dva'
 import { Row, Col, Card } from 'antd'
 import { NumberCard, Quote, Sales, Weather, RecentSales, Comments, Completed, Browser, Cpu, User } from './components'
 import styles from './index.less'
-import { color } from '../../utils'
+import { color } from 'utils'
 
 const bodyStyle = {
   bodyStyle: {
diff --git a/src/routes/login/index.js b/src/routes/login/index.js
index 546ada2..350dd2a 100644
--- a/src/routes/login/index.js
+++ b/src/routes/login/index.js
@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import { connect } from 'dva'
 import { Button, Row, Form, Input } from 'antd'
-import { config } from '../../utils'
+import { config } from 'utils'
 import styles from './index.less'
 
 const FormItem = Form.Item
diff --git a/src/routes/request/index.js b/src/routes/request/index.js
index 9f0a86d..8c94d54 100644
--- a/src/routes/request/index.js
+++ b/src/routes/request/index.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import styles from './index.less'
 import Mock from 'mockjs'
-import { request, config } from '../../utils'
+import { request, config } from 'utils'
 import {
   Row,
   Col,
diff --git a/src/routes/user/Filter.js b/src/routes/user/Filter.js
index 2658b46..6423cfe 100644
--- a/src/routes/user/Filter.js
+++ b/src/routes/user/Filter.js
@@ -1,7 +1,7 @@
 import React from 'react'
 import PropTypes from 'prop-types'
 import moment from 'moment'
-import { FilterItem } from '../../components'
+import { FilterItem } from 'components'
 import { Form, Button, Row, Col, DatePicker, Input, Cascader, Switch } from 'antd'
 import city from '../../utils/city'
 
diff --git a/src/routes/user/List.js b/src/routes/user/List.js
index 71d4da7..a77925e 100644
--- a/src/routes/user/List.js
+++ b/src/routes/user/List.js
@@ -4,7 +4,7 @@ import { Table, Modal } from 'antd'
 import styles from './List.less'
 import classnames from 'classnames'
 import AnimTableBody from '../../components/DataTable/AnimTableBody'
-import { DropOption } from '../../components'
+import { DropOption } from 'components'
 import { Link } from 'dva/router'
 
 const confirm = Modal.confirm
diff --git a/src/services/app.js b/src/services/app.js
index bce282f..588e6e9 100644
--- a/src/services/app.js
+++ b/src/services/app.js
@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { user, userLogout, userLogin } = api
 
diff --git a/src/services/dashboard.js b/src/services/dashboard.js
index 7400977..41395a8 100644
--- a/src/services/dashboard.js
+++ b/src/services/dashboard.js
@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { dashboard } = api
 
diff --git a/src/services/login.js b/src/services/login.js
index 540da24..3e7e89c 100644
--- a/src/services/login.js
+++ b/src/services/login.js
@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { userLogin } = api
 
diff --git a/src/services/posts.js b/src/services/posts.js
index 584acbe..5a683f3 100644
--- a/src/services/posts.js
+++ b/src/services/posts.js
@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { posts } = api
 
diff --git a/src/services/user.js b/src/services/user.js
index 2dca4e3..43ae74b 100644
--- a/src/services/user.js
+++ b/src/services/user.js
@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { user } = api
 
diff --git a/src/services/users.js b/src/services/users.js
index def502d..47ceeb4 100644
--- a/src/services/users.js
+++ b/src/services/users.js
@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { users } = api
 
diff --git a/webpack.config.js b/webpack.config.js
index cf144a2..ebf868b 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -23,5 +23,13 @@ module.exports = (webpackConfig) => {
   //   loader: 'eslint',
   // }]
 
+
+  // Alias
+  webpackConfig.resolve.alias = {
+    components: `${__dirname}/src/components`,
+    utils: `${__dirname}/src/utils`,
+    config: `${__dirname}/src/utils/config`,
+  }
+
   return webpackConfig
 }