create-react-app 中设置别名,并且不使用“ eject” 命令。
最近几天做项目时遇到了问题,想记录一下,比如遇到相对路径层级很深的时候,想“…/…/…/”阅读取来也不方便。
就去查资料搜索结果,发现有好一部分方法都不行,经过多种方法的测试,终于解决。
npm install react-app-rewired -D
or
yarn add react-app-rewired -D
之后再package.json文件下修改以下命令:
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
},
最后在根目录文件下,新建 “config-overrides.js” 文件,这是基础配置:
const path = require('path');
function resolve(dir) {
return path.join(__dirname, '.', dir)
}
module.exports = function override(config, env) {
config.resolve.alias = {
'@': resolve('src')
}
return config;
}
大功告成!! 把需要修改的文件路径 设置成你定义的就行,重新启动项目,看看吧。