# import文件路径优化
# 快速导航
# 使用create-react-app初始化
mkdir test && cd test
create-react-app
1
2
2
文件import ..from '../../../'
, from的路径引用优化,@表示src当前路径,修改配置文件./config/webpack.config.js,查找文件的alias:
alias: {
// Support React Native Web
// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
'react-native': 'react-native-web',
},
1
2
3
4
5
2
3
4
5
在alias对象中加入一行配置
'@': path.join(__dirname, '..', 'src'),
1
完整的alias:
alias: {
// Support React Native Web
// https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
'react-native': 'react-native-web',
'@': path.join(__dirname, '..', 'src'),
},
1
2
3
4
5
6
2
3
4
5
6
# 使用create-umi脚手架搭建react项目
mkdir test && cd test
create-umi
1
2
2
项目初始化以后,根目录下的文件jsconfig.json中已经配置好了路径
"paths": {
"@/*": ["./src/*"]
}
1
2
3
2
3
所以开发中可直接使用'@/'