normalize：統(tǒng)一了基本的樣式，如margin: 0;（類似compass中的reset模塊）
compass：對sass的封裝，擴展
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)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持武林網(wǎng)。
新聞熱點
疑難解答
