解决在 React + TS项目中使用 scss 报 cannot find module ‘xxx.scss‘ 的问题

使用 create-react-app 的创建的项目，其默认的 webpack.config.js （这个文件默认隐藏，要查看需要运行 npm run eject，运行这个命令前需要本地 commit 代码）的文件中，是默认配置了 sass-loader 的选项的，所以在 react 项目中使用 sass 还是比较方便的。虽然默认配置了 sass-loader，但要使用 sass 还是需要先安装一下的

npm install sass
or
yarn add sass

安装好依赖后，就可以把样式文件改为.scss结尾的了，在基于 TypeScript的项目中，可能会到问题，一般会报这种错误 "cannot find module 'xxx.scss' or xxxx"
要解决这个问题，有几个方法：

1. 给样式文件重命名为 xxx.module.scss，然后引用样式文件则为：import styles from 'xxx.module.scss'，这种方法麻烦的就是每个样式文件都需要添加中间的module，样式文件多的话，写起来比较麻烦
2. 在 src 文件夹下添加一个样式