postcss-nested

1.安装

# yarn add postcss-nested -D

2.配置(postcss.config.js)

module.exports = {
  plugins: [
    ...,
    require('postcss-simple-vars'),//->后
    require('postcss-nested')
  ]
}

3.使用

例1：

.phone {
  &_title {
    width: 500px;

    @media (max-width: 500px) {
      width: auto;
    }

    body.is_dark & {
      color: white;
    }
  }

  img {
    display: block;
  }
}