如何在 webpack 项目中使用绝对路径

本项目是使用 create-react-app 脚手架构建的react项目

找到 config 配置文件下的 webpack.config.dev.js 和 webpack.config.prod.js 文件

打开后找到 alias 字段（如果没有手动添加 alias ），给该字段添加

'@':require('path').resolve(__dirname, '../src') 即可

 

@ 是你想要用的替代绝对路径的名称 

'../src' 是你的项目需要构建的根目录

__dirname 是项目根目录路径