使用带有scss的css模块

Question

我正在使用css模块。每个css模块都是一个scss文件，看起来如下所示：

.componentWrapper {
  border: solid cadetblue;
  border-radius: 40px;
  padding: 10px;
  width: 95%;
  &.componentTitle {
    font-size: 18px;
    width: 15%;
    background-color: white;
    margin-top: -25px;
  }
}

它被认为是反模式使用＆amp;在css模块里面？

Answer 1

没有。请记住，这会强制您将html置于适当的结构中以使其工作。因此，如果样式仅在此模块中使用而在其他任何地方都不需要，那就绝对没问题。但是如果你在其他地方需要那些样式，在另一个没有相应html结构的上下文中，另一种方法是f.i.通过使用类，会更好。然后<?php $arr = array( 'key1'=> array('name'=> 'ABC1', 'age'=> 26), 'key2'=> array('name'=> 'ABC2', 'age'=> 50), 'key3'=> array('name'=> 'ABC3', 'age'=> 44) ); $arrayIndex=array_keys($arr); foreach ($arr as $key => $row) { $ages[$key] = $row['age']; } array_multisort($ages, SORT_DESC, $arr); $finalArray=array_combine($arrayIndex,$arr); echo "<pre>"; print_r($finalArray); exit(); ?> 指令就派上用场了。

Answer 2

不，sass-loader将首先运行并吐出纯CSS

CSS模块采用CSS和范围。