React系列：配置@别名路径并配置联想

import {createBrowserRouter} from 'react-router-dom'
import Login from '../pages/Login'
import Layout from '@/pages/Layout'

const path = require('path')
module.exports ={
    webpack:{
        //配置别名
        alias:{
            //约定@表示的src路径
            '@':path.resolve(__dirname,'src')
        }
    }
}

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*":["src/*"]
        }
    }
}