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试一下把