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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
SVIP111593 小时前
webpack入门 精细版
前端·webpack·node.js
老前端的功夫1 天前
Webpack 深度解析:从配置哲学到编译原理
前端·webpack·前端框架·node.js
良木林1 天前
webpack:快速搭建环境
前端·webpack·node.js
jason_renyu1 天前
Vite 与 Webpack:核心区别、优缺点、面试题及选型趋势
webpack·vite·模块联邦·webpack和vite区别
良木林1 天前
webpack:基本打包方法
前端·webpack·node.js
一字白首1 天前
Node.js 入门,Webpack 核心实战:从概念到打包全流程
前端·webpack·node.js
涔溪2 天前
Vite 和 Webpack 这两款主流前端构建工具的核心区别,包括它们的设计理念、工作机制和实际使用体验上的差异。
前端·webpack·vite
胡西风_foxww2 天前
Zustand 快速入门:5 分钟上手极简状态管理
react·zustand
小奶包他干奶奶3 天前
Webpack学习——如何自定义钩子
前端·学习·webpack