基于create react app构建项目，React引入webpack alias遇到的问题及解决方法

• 前端三大框架，一直用vue，最近脑子一热，想换react，刚好手上有个项目比较简单，拿来上手。首先，react文档大略看一下，了解一下react的特性，主要看看prop、state、life cycle、 route（vue的思路😂），然后，迫不及待准备踩坑去了。
• 用create react app（简称CRA)搭建了一个项目，yarn start 了一把。ok，helloword顶级代码出来了。接下来要装依赖了，前端搞来搞去，还是离不开html、css、js，我这边主要使用typescript、 sass，于是装吧：

npm i node-sass sass-loader -D

• （node-sass通过连接中间件自动将.scss文件本地编译为css），之前vue一直使用elementUI，react用antd吧（大家用了都说好🧐），所以装了个antd，再来个

npm i react-dom react-router -S

• 然后就去写代码去了，等写到header组件时，要引入图片，想着我的图片大都放在src/assets/images目录下，我不想每次引用图片时，总是写这么一大坨路径，这样我得用webpack的alias自定义一下路径吧，于是要去更改webpack配置文件，但是配置文件封装在react-scripts里了，这又不像vue，还有个vue.config.js，于是网上查，网上说用npm run eject可以弹出配置文件，根据我package.json的script指令：

/* package.json */
"scripts": {
   
   "start": "react-app-rewired start",
   "build": "react-ap