create-react-app脚手架使用scss(转)

Posted 青涩的回忆...........

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了create-react-app脚手架使用scss(转)相关的知识,希望对你有一定的参考价值。

网址: https://blog.csdn.net/qq_40816649/article/details/90036683

使用create-react-app安装完项目之后。
执行npm install sass-loader node-sass --save-dev安装sass这两个相关的插件。

写一个scss文件

            

直接在组件中引入scss文件

                       

 将工程跑起来然后查看页面

 

好了愉快的写样式吧!!!

注意:网上的一些教程都要去node_modules中找react-scripe中的文件进行配置。这边我是用的是最新的脚手架,没有做其他的配置,如果配置不成功有可能是脚手架版本的问题。
 

以上是关于create-react-app脚手架使用scss(转)的主要内容,如果未能解决你的问题,请参考以下文章

React 从零搭建项目 使用 create-react-app脚手架

Create-React-App项目外使用它的eslint配置

将 Sass (.scss) 添加到弹出的 create-react-app 配置

dva与create-react-app的结合使用

React 脚手架 create-react-app 新版使用说明 重点是配置代理

教程:使用create-react-app脚手架创建React项目