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

react 小白编程

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

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

打开后找到 alias 字段(如果没有手动添加 alias ),给该字段添加

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

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

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

__dirname 是项目根目录路径