Vue CLI3中使用compass normalize的方法
更新時間：2019年05月30日 11:29:30 作者：Dragon_慕碼人
這篇文章主要介紹了Vue CLI3中使用compass normalize的方法，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
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'
這樣就完成了引用，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/
以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了vue實現自定義組件掛載原型上方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
watch 的用法有個特點，就是當值第一次綁定的時候，不會執(zhí)行監(jiān)聽函數，只有值發(fā)生改變才會執(zhí)行，如果我們需要在最初綁定值得時候也執(zhí)行函數，就需要用到 immediate 屬性，這篇文章主要介紹了vue中watch監(jiān)聽對象中某個屬性的方法,需要的朋友可以參考下2023-04-04
Vue.js每天必學之數據雙向綁定，如何進行綁定，如何進行數據雙向綁定，感興趣的小伙伴們可以參考一下2016-09-09
這篇文章主要介紹了vue中多個倒計時實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-03-03
這篇文章主要介紹了vue3的沙箱機制的相關資料，幫助大家更好的理解和學習使用vue框架，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了關于vite.config.ts文件的配置方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
今天小編就為大家分享一篇對vue下點擊事件傳參和不傳參的區(qū)別詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
Element Plus 日期選擇器獲取選中的日期格式(當前日期/時間戳格式）
如果想要獲取選中的日期時間就需要通過,Element Plus 日期選擇器?format屬性和value-format屬性,format指定輸入框的格式,value-format?指定綁定值的格式,本篇文章就給大家介紹Element Plus 日期選擇器獲取選中的日期格式(當前日期/時間戳格式）,感興趣的朋友一起看看吧2023-10-10
這篇文章主要介紹了淺談Vue 自動化部署打包上線，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
Vue3?使用v-model實現父子組件通信的方法(常用在組件封裝規(guī)范中)
這篇文章主要介紹了Vue3?使用v-model實現父子組件通信(常用在組件封裝規(guī)范中)的方法,本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧2024-06-06