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

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

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

js 复制代码
alias:{
    '@':path.resolve('src')
}
相关推荐
小鱼神10241 天前
自动扣webpack框架演示 | 某书 x-xray-traceid 签名算法分析记录
webpack·js逆向·扣代码·xhs
16年上任的CTO2 天前
一文大白话讲清楚webpack基本使用——6——热更新及其原理
前端·webpack·node.js·热更新·hmr·热重载
16年上任的CTO2 天前
一文大白话讲清楚webpack基本使用——1——完成webpack的初步构建
前端·webpack·node.js
Nejosi_念旧2 天前
包文件分析器 Webpack Bundle Analyzer
前端·webpack·node.js
fechild2 天前
npm和webpack学习
学习·webpack·npm
16年上任的CTO2 天前
一文大白话讲清楚webpack基本使用——2——css相关loader的配置和使用
前端·webpack·node.js·sass-loader·css-loader·style-loader
16年上任的CTO2 天前
一文大白话讲清楚webpack基本使用——4——vue-loader的配置和使用
前端·javascript·webpack·ecmascript·vue-loader·vueloaderplugin
16年上任的CTO2 天前
一文大白话讲清楚webpack基本使用——9——预加载之prefetch和preload以及webpackChunkName的使用
前端·webpack·node.js·webpack preload·prefetch
漂流瓶jz3 天前
谈一谈前端构建工具的本地代理配置(Webpack与Vite)
前端·webpack·node.js·vite·proxy·代理