遇到的問題

使用create-react-app創(chuàng)建的項目默認只能使用相對路徑（..），那么如果想使用絕對路徑（@）該如何配置？

解決辦法

一、使用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>
        )
    }
}

問題解決！