引入sass
项目是用create-react-app脚手架创建的,然后在项目中可以引入scss预编译,这样写起样式起来也很方便
1.安装 node-sass
npm install node-sass
2.安装 node-sass-chokidar
npm install node-sass-chokidar
3.在项目的package.json中 scripts 里面添加以下
"build-css": "node-sass-chokidar src/ -o src/",
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive"
4.在项目文件夹中,创建scss文件后,使用npm run watch-css 可以在每个scss文件旁边生成一个相应的css文件
5.如果想一边编译sass一遍运行项目,就安装 npm-run-all
npm install npm-run-all --save -dev
然后在package.json - scripts中添加
"start-js": "node scripts/start.js",
"start": "npm-run-all -p watch-css start-js",
最后npm start 就可以了