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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
技术路上的探险家11 小时前
Web3:在 VSCode 中使用 Vue 前端与已部署的 Solidity 智能合约进行交互
vscode·web3·区块链·交互·react·solidity·ethers.js
若梦plus2 天前
Webpack中微内核&插件化思想的应用
前端·webpack
前端缘梦3 天前
从源码到dist:拆解Webpack如何完成前端工程的"基因编译"
前端·webpack
一个很帅的帅哥3 天前
Webpack 和 Vite 的关键区别
前端·webpack·前端框架·node.js
LBJ辉5 天前
2. Webpack 高级配置
前端·javascript·webpack
索西引擎5 天前
【工程化】浅谈前端构建工具
前端·webpack·gulp·turbopack
友莘居士6 天前
Dify中的Agent和发现和调用mcp工具两个节点调用的异同
agent·react·dify·functioncalling·mcp
aiguangyuan6 天前
前端开发性能优化概要
系统架构·vue·react·前端开发
随心点儿9 天前
vue2 webpack 部署二级目录、根目录nginx配置及打包配置调整
前端·nginx·webpack·根目录·二级目录
ZzMemory9 天前
一文分清前端常用包管理器以及构建工具
前端·面试·webpack