1.先使用 eject 扩展 webpack

react官方脚手架默认是将webpack配置隐藏起来了,在进行配置之前需要将webpack给暴露出来。

1.输入命令 npm run eject将webpack.config.js暴露出来

在这里插入图片描述
2.查找alias配置,设置路径别名

 '@': path.resolve(__dirname, '../src'),
 '@assets': path.resolve(__dirname, '../src/assets'),

在这里插入图片描述
然后在页面中就能使用@别名代替路径啦
在这里插入图片描述

Logo

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐