1.下载craco
yarn add @craco/craco
2.创建一个craco.config.js文件
const path = require('path');
module.exports = {
webpack: {
alias: {
'@': path.join(__dirname, 'src'),
'@pages': path.join(__dirname, 'src/pages'),
},
},
};
3.修改package.json文件,用craco替代react-scripts
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
},
4.在 tsconfig.json文件新增
"compilerOptions": {
// 别名配置
"baseUrl": "./",
"paths": {
"@/*": ["src/*"],
"@pages/*": ["src/pages/*"]
},
}