React项目如何使用绝对路径@?

遇到的问题

使用create-react-app创建的项目默认只能使用相对路径（..），那么如果想使用绝对路径（@）该如何配置？

解决办法

一、使用yarn eject命令使react项目暴露出config文件夹

yarn eject

二、更改config目录下webpack.config.js文件配置

7B_TYQ6A6FUTB$PW)1RE%{G.png

'@': path.resolve('src'),

三、重新运行项目并在文件中使用绝对路径（@）

import React, { Component } from 'react'
import './home.less'
import Slider from '@/component/slider/slider'
import DataPanel from '@/component/dataPanel/dataPanel'
import DataTable from '@/component/dataTable/dataTable'

export default class Home extends Component {
    render() {
        return (
           <main className="home-content">
               <Slider></Slider>
               <DataTable></DataTable>
               <DataPanel></DataPanel>
           </main>
        )
    }
}

问题解决！