【React】配置别名路径

React配置别名路径

1. 路径转换

1. 安装 craco 工具包

   npm i @craco/craco -D

2. 新建 craco.config.js 配置文件

   const path = require('path')
   
   module.exports = {
   	// webpack 配置
   	webpack: {
   		// 配置别名
   		alias: {
   			'@': path.resolve(__dirname, 'src')
   		}
   	}
   }

3. 修改 scripts 命令

   "scripts": {
   	"start": "craco start",
   	"build": "craco build",
   	"test": "craco test",
   	"eject": "react-scripts eject",
   }

2. 联想提示

新建jsconfig.json文件配置如下：

{
	"compilerOptions": {
		"baseUrl": "./",
		"paths": {
			"@/*": [
				"src/*"
			]
		}
	}
}