normalize：統(tǒng)一了基本的樣式，如margin: 0;（類似compass中的reset模塊）

專注于為中小企業(yè)提供網(wǎng)站制作、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)廬江免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了數(shù)千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

compass：對(duì)sass的封裝，擴(kuò)展

1.安裝

npm i normalize.css compass-mixins --save-dev

1.1 normalize.cssx引用

在main.js中

import 'normalize.css'

這樣就完成了引用，F(xiàn)12，查看

body {
  margin: 0; // 如果是0則說明normalize已經(jīng)起作用
}

2.1 compass引用

在vue.config.js中配置

module.exports = {
 css: {
  loaderOptions: {
   sass: {
    // 設(shè)置全局引用
    data: `
    @import "./node_modules/compass-mixins/lib/_compass.scss";
    @import "./node_modules/compass-mixins/lib/compass/_layout.scss";
    `
   }
  }
 }
}

這樣就可以使用compass提供的模塊功能，如

@include border-radius(20px); // css3模塊

其它功能：http://compass.aether.ru/

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。