create-react-app使用sass,scss语法

使用create-react-app(新版)安装完项目之后。

1.执行npm install sass-loader node-sass --save-dev安装sass这两个相关的插件。

2.写一个scss文件

.userStTitle{
    background: red;
    p{
        font-size: 12px;
        span{
            color: green;
        }
    }
    div{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
}

3.直接在组件中引入scss文件

import { Button, Card, Icon, Input, Layout, List, Menu, Progress, Select, Popconfirm, Pagination } from 'antd';
import echarts from 'echarts';
import React, { Component } from 'react';
import { connect } from 'react-redux';
import { navChanged } from '../../action/actions';
import '../../asset/css/newCss/common.css';
import '../../asset/css/newCss/scss/user.scss';
import '../