在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ React項(xiàng)目中使用scss插值語法

React項(xiàng)目中使用scss插值語法

  1. react項(xiàng)目是使用create-react-app創(chuàng)建的，
  2. 通過安裝node-sass: "^4.7.2"和sass-loader"^6.0.7"解析.scss文件，
  3. 當(dāng)使用scss的插值#{}時(shí)會(huì)報(bào)錯(cuò)，不使用的話沒有問題，這是怎么問題？

初次接觸scss，請大佬們指點(diǎn)迷津

  • 部分代碼（tabs.scss）
$class-prefix: "tabs";

.#{$class-prefix}{
  &-bar {
    margin-bottom: 16px;
  }

  &-nav {
    font-size: 14px;

    &:after,
    &:before {
      display: table;
      content: " ";
    }

    &:after {
      clear: both;
    }

  }
  • 報(bào)錯(cuò)信息

圖片描述

  • 配置代碼

圖片描述

  • 官網(wǎng)查了下插值語法該是這樣用啊

圖片描述

回答
編輯回答
心癌

scss 沒問題，錯(cuò)誤應(yīng)試是 postcss 或者更前面的 loader 出的吧， sass-loader 應(yīng)該在最前面執(zhí)行才對？

2017年7月5日 21:12