遇到的问题
使用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>
)
}
}
问题解决！
