Vue CLI 3でcompss normalizeを使用する方法


normalize:基本的なスタイルを統一しました。complassのresetモジュールのようなもの)
compss:sassへのパッケージ、拡張
1.据え付け
npm i normalize.css compss-mixins--save-dev
1.1 normalize.cssx引用
メールの中で

import 'normalize.css'
これで引用が完了しました。F 12、参照してください。

body {
  margin: 0; //    0   normalize     
}
2.1 comppass引用
vue.co nfig.jsに配置する

module.exports = {
 css: {
  loaderOptions: {
   sass: {
    //       
    data: `
    @import "./node_modules/compass-mixins/lib/_compass.scss";
    @import "./node_modules/compass-mixins/lib/compass/_layout.scss";
    `
   }
  }
 }
}
このように、complassが提供するモジュール機能を使用することができます。

@include border-radius(20px); // css3  
その他の機能:http://compass.aether.ru/
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。