模块化导入css达到scope效果

./index.module.css

.title{
    background-color: orange;
}

import React,{Component} from 'react'
import hello from './index.module.css'
export default class Hello extends Component{
    render(){
        return <h2 className={hello.title}>Hello,React!</h2>
    }
}

webpack中使用路径别名

<style lang="scss" scoped>
  @import "~@/styles/mixin.scss";
  .login-container {
    background: url('~@/assets/street.jpg');
  }
</style>