create react app后webpack配置alias别名

仙女爱吃鱼

于 2022-05-07 14:45:56 发布

阅读量889

点赞数 2

分类专栏：开发环境文章标签： webpack react.js javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/weixin_38318244/article/details/124630573

版权

开发环境专栏收录该内容

8 篇文章

订阅专栏

在React应用中，通过eject可以暴露出webpack配置。这样我们就可以自定义配置，例如设置路径别名（alias），比如'@'指向src目录，'@assets'指向src/assets。这样做能简化路径引用，提高代码可读性。完成配置后，即可在代码中使用@代替复杂路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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'),

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

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。