React-引入sass

引入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 就可以了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值