react17中配置webpack:使用@代表src目录

在vue的项目中可以使用@表示src目录,使用该符号表示绝对路径,那么在react中想要使用@怎么办呢?

在react中使用@表示src目录是需要在webpack中配置的,在核心模块node_modules-》react-scripts-》config-》webpack.config.js中搜索找到alias别名,在他的配置项中添加如下一项:

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
JiangJiang3 小时前
🔥 面试官:Webpack 为什么能热更新?你真讲得清吗?
前端·面试·webpack
古夕8 小时前
前端模块化与Webpack打包原理详解
前端·webpack
贩卖纯净水.1 天前
Webpack的基本使用 - babel
前端·webpack·node.js
吴声子夜歌1 天前
OpenCV——Mat类及常用数据结构
数据结构·opencv·webpack
贩卖纯净水.1 天前
Webpack依赖
前端·webpack·node.js
crary,记忆1 天前
微前端 - Module Federation使用完整示例
前端·react·angular
aiguangyuan1 天前
浅谈 React Hooks
react·前端开发
玄玄子2 天前
webpack学习指南
前端·webpack·程序员
又又呢3 天前
前端面试题总结——webpack篇
前端·webpack·node.js
代码搬运媛3 天前
“packageManager“: “[email protected]“ 配置如何正确启动项目?
windows·webpack