溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
normalize：統一了基本的樣式，如margin: 0;（類似compass中的reset模塊）
compass：對sass的封裝，擴展
1.安裝
npm i normalize.css compass-mixins --save-dev
1.1 normalize.cssx引用
在main.js中
import 'normalize.css'
這樣就完成了引用，F12，查看
body {
margin: 0; // 如果是0則說明normalize已經起作用
}
2.1 compass引用
在vue.config.js中配置
module.exports = {
css: {
loaderOptions: {
sass: {
// 設置全局引用
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/
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
