react脚手架create-react-app配置sass _create

大道之行，天下为公。这篇文章主要讲述react脚手架create-react-app配置sass相关的知识，希望能为你提供帮助。
本文介绍如何在react中配置sass
(1)下载node
(2)create-react-app 的安装

npm install -g create-react-app

(3)搭建项目

1. create-react-app my-project生成一个项目 2. cd my-project

【react脚手架create-react-app配置sass】
(4)配置sass

1.执行npm install sass-loader node-sass --save-dev

2.执行npm run eject得到config和script两个文件夹

3.找到config中webpack.config.dev.js和webpack.config.prod.js分别rules中加入 { test:/\\.scss$/, loaders:[‘style-loader‘,‘css-loader‘,‘sass-loader‘] }

文章图片

react脚手架create-react-app配置sass