react 项目中使用Sass

使用react 脚手架新建了一个项目，想要引入 sass 。

本来是想用Less 的，但是在 npm run eject (网上的说法要暴露配置文件),时，项目提示：Create React App 2 supports TypeScript, Sass, CSS Modules .... 

于是，还是用Sass 好了。

但是，Sass 也不是直接写代码用就好。还是需要下载 node-sass 插件的。脚手架只是添加了 sass-loader 的支持，所以，sass-loader 就不用管了。

安装 node-sass

yarn add node-sass

试了一下，yarn add 真的比 npm install 要快不少...

安装好了后，我们就可以编写一个sass 文件：

test.scss 如下（放在src目录下）

a {
	color: red
}
p {
	color: red
}

然后再在 App.js 中插入代码 （src目录下）

import './test.scss';

然后启动项目，就可以啦。