7. 集成 sass | scss

1. 安装 sass-loader node-sass

npm install -D sass

2. style 中配置 sass | scss
   lang 可以配置 scss

<style lang = "scss" scoped>
    h2 {
        text-align: center;
    }
</style>

3. 示例
   传统写法

<style>
  h2 {
    text-align: center;
  }
  .todolist {
    width: 500px;
    border: 1px solid #eee;
    margin: 0 auto;
    padding: 20px;
  }
  h3 {
      color: red;
  }
</style>

sass | scss 写法

<style lang="scss">
  h2 {
    text-align: center;
  }
  .todolist {
    width: 500px;
    border: 1px solid #eee;
    margin: 0 auto;
    padding: 20px;
    h3 {
      color: red;
    }
  }
</style>