create-react-app 中支持sass，怎么搞？

其实吧，create-react-app 脚手架，帮我们配置好了很多东西，而且那么多的配置都隐藏起来了 也不用看见那么“心烦了”

这不 我们前端去一家公司的时候，一般来说项目都比较成熟了，不需要我们去配置了，但是这个就表示你不用去了解这么配置了吗？
最好还是了解下
我用creact-react-app 新创建了一个项目 吧 css样式文件改成了。scss 就直接报错了

好像默认不支持了 sass. 这个时候就需要我们 去解决了

这个同时也给大家了一个处理问题的思路，正常来说 如果一个小白看见怎么配置 可能就会着急或者急着去百度或者谷歌 查看怎么配置 然后就开始搜索 create-react-app 怎么配置sass. 更高级的可能还回去stackoverflow 去找呢。

其实 我们这个时候冷静下来想一想， 这个creat-react-app 这个东西肯定有官网吧，那么就有一个权威的参考地方，比到处找可能会好点，如果官网没有找到我们再去看其他网友有没有碰见，先上谷歌 后百度在其次去提问或者 stack上提问

先去官网找找看

看见了一个添加sass stylesheets 的东西 我们去看看哈

官网说 安装一个 node-sass 就可以了
这么简单的吗 我有点不敢相信 赶紧去试试看
yarn add node-sass

import './App.scss';

function App() {
  return (
    <div className="demo">
      hello world
    </div>
  );
}
// App.scss

.demo {
  color: #f00;
  text-align: center;
  margin-top: 50px;
}

然后重启项目。 好神奇呢。 这个就好了 什么都没做 🤔

哈哈哈。😂 继续加油吧小伙子。

关注我。持续更新前端知识。