vue-cli3および4は、scssの一般的な構文であるscssを導入します

たくさん検索しました。基本的に役に立たない。有用なものを記録してください。
実際、cli3の後にこのscssがあり、作成時に構成を選択できます。後の段階で選択しなくても追加できます。必要な手順は次の2つだけです。

  1. npm install -D sass-loader node-sass
  2. <style lang="scss"> 十分な

このscssでは、主に彼のネストされた構文を使用します。以下の文法もあります。特別なことは何もありません。それは規範的なレベルでより意味があります。
ここに画像の説明を挿入
補足
〜htmlのネストに対応する、いわゆるネストされた書き込み

		.s2 {
    
    
            font-size: 20px;
            .s3 {
    
    
                color:red
            }
        }

おすすめ

転載: blog.csdn.net/weixin_45629623/article/details/110448079