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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
Tandy12356_1 天前
js逆向——webpack实战案例(一)
前端·javascript·安全·webpack
TonyH20021 天前
webpack 4 的 30 个步骤构建 react 开发环境
前端·css·react.js·webpack·postcss·打包
你会发光哎u1 天前
Webpack模式-Resolve-本地服务器
服务器·前端·webpack
Small-K1 天前
前端框架中@路径别名原理和配置
前端·webpack·typescript·前端框架·vite
B.-3 天前
在 React 项目中渲染 Markdown 文件
前端·javascript·react.js·ecmascript·react
计时开始不睡觉4 天前
【React】入门Day01 —— 从基础概念到实战应用
前端·前端框架·react
ziyu_jia5 天前
webpack配置全面讲解【完整篇】
前端·webpack·前端框架·node.js
谢尔登5 天前
【Webpack】优化前端开发环境的热更新效率
前端·webpack·node.js
你会发光哎u5 天前
了解Webpack并处理样式文件
前端·webpack·node.js
不穿铠甲的穿山甲5 天前
webpack使用
前端·webpack·npm