使用步驟
1.創(chuàng)建一個init.scss和fun.scss文件,在init導(dǎo)入fun，比如：
//fun.scss[scss全局函數(shù)]
$ratio: 375 / 10;
@function rem($px) {
@return $px / $ratio + rem;
}
//init.scss
@import './fun.scss'; //根據(jù)自己的需求，導(dǎo)入不同的文件
//背景顏色
$background-color-base:#F5F7FA;
:export {
background-color-base: $background-color-base;
}
2.在vue項目根路徑下創(chuàng)建vue.config.js,在新創(chuàng)建的文件里面添加下面的代碼愉烙，然后重啟項目就可以了[注：vue.config.js和package.json是同級]
image.png
module.exports = {
css: {
loaderOptions: {
sass: {
prependData: `@import "./src/styles/init";`, //注意“;”是必須的，./src/styles/init 的"init"是根據(jù)自己創(chuàng)建的文件名稱
},
},
},
}
3.在需要的.vue文件里面使用
image.png
