其实吧,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;
}

然后重启项目。 好神奇呢。 这个就好了 什么都没做 🤔
在这里插入图片描述
哈哈哈。😂 继续加油吧小伙子。

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

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐