之前用vue-cli腳手架的時候，只需要引進sass需要的依賴包便可以引入scss，但是在create-react-app的時候，發現除了需要引入sass依賴，還需要進行配置：
不管用什么方法進行sass的使用，都要引入sass的相關依賴：
npm install sass-loader node-sass --save-dev
方法一：進行webpack.config的配置，直接在文件中引入scss
1.找到node_modules/react-scripts/config/webpack.config.dev.js文件和webpack.config.prod.js文件（兩個文件都要改）
將module配置項的最后一項配置改成如下：
{ loader: require.resolve('file-loader'),
loaders. exclude: [/\.js$/, /\.html$/, /\.json$/,/\.scss$/],
options: { name: 'static/media/[name].[hash:8].[ext]',
},
},
{ test: /\.scss$/, loaders: ['style-loader', 'css-loader', 'sass-loader'], }
2.3.在入口js 文件中引入：import './***.scss';
3.在package.json中srcipt 引入：build-css ,watch-css
方法二：使用node-sass-chokidar，將scss轉移成css，在文件中引入
1.下載node-sass-chokidar的依賴包：
npm install --save node-sass-chokidar
2.在package.json中srcipt 引入：build-css ,watch-css
"build-css": "node-sass-chokidar src/ -o src/", "watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
3.運行npm run watch-css，在文件中引入編譯的css文件