create-react-app配置sass

1.sass的安装

 $ npm install --save node-sass-chokidar

2.package.json文件里的scripts属性里添加内容

//npm build项目的时候把sass转换为css
"build-css": "node-sass-chokidar src/ -o src/",
//监视文件，如果文件发生改变，就重新编译文件
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive", 

接下来我们来试一下

//在src下面创建一个test.scss的文件
$ npm run build-css
//我们看到在我们的src下面多了一个test.css，那说明就可以用了
//但是每次test.scss文件修改都build-css，这个很不友好，有没有实时监控的一些东西呢，有的，往下看
$ npm run watch-css
//如果我们看到css文件实时变化了，那说明我们的watch-css也是没问题的
//但是新的问题又来了，我们希望npm start的时候就进行scss的实时编译，我们继续优化

3.npm run 合并

npm install --save npm-run-all

//package.json文件里的scripts属性里添加内容，把start和build重构
"start-js": "react-scripts start",
"start": "npm-run-all -p watch-css start-js",
"build-js": "react-scripts build",
"build": "npm-run-all build-css build-js",
//接下来我们执行npm start试一下把