webpack alias

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'
 

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 }) => {
   // 匹配当前路由

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}

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 }) => {

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 }) => {

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 {

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',

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

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 {

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">

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'

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'

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 = {

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">

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'

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: {

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: {

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 }) {

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'
 

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: {

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 }) {

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,

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: {

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

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,

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'
 

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

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
 

src/services/dashboard.js

@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { dashboard } = api
 

src/services/login.js

@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { userLogin } = api
 

src/services/posts.js

@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { posts } = api
 

src/services/user.js

@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { user } = api
 

src/services/users.js

@@ -1,4 +1,4 @@
-import { request, config } from '../utils'
+import { request, config } from 'utils'
 const { api } = config
 const { users } = api
 

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
 }