其實吧，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;
}

然后重啟項目。 好神奇呢。 這個就好了 什么都沒做 ??

哈哈哈。?? 繼續加油吧小伙子。

關注我。持續更新前端知識。