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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
難釋懷2 天前
TypeScript-webpack
javascript·webpack·typescript
Python私教2 天前
FastAPI+React19 ERP系统实战 第01期
react·fastapi
ᥬ 小月亮2 天前
webpack基础
前端·webpack
abigale032 天前
webpack+vite前端构建工具 -11实战中的配置技巧
前端·webpack·node.js
一笑code3 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
拾光拾趣录4 天前
Webpack 打包中的 Hash 生成机制
前端·webpack·前端工程化
abigale0314 天前
webpack+vite前端构建工具 - 8 代码分割
前端·webpack·node.js
abigale0314 天前
webpack+vite前端构建工具 - 9 webpack技巧性配置
前端·webpack·node.js
Hilaku14 天前
你以为的 tree shaking,其实根本没生效
前端·javascript·webpack
ZHOU_WUYI16 天前
GitHub OAuth 认证示例
flask·github·react