Vue introdujo archivo .scss
Primera mirada en el conocimiento de Sass: Sass es una especie de css de asiento, puede generar navegador puede reconocer archivo css para compilar. tecnología de extensión de archivo Sass se presenta en dos formas: .sass y .scss. La diferencia es que dos archivos .sass tiene requisitos muy estrictos para la composición tipográfica de código, y sin tirantes, sin punto y coma. (Específicamente no describir)
introducido
引入方法一:
第一步需要在项目中引入
npm install sass-loader -D
npm install node-sass -D
引入方法二:
使用官方Sass Loader的引入方法
npm install sass-loader node-sass webpack --save-dev
npm install style-loader css-loader --save-dev
Uso de archivos .scss
<style lang="scss" scoped> //必须要加上“<style lang="scss" scoped>,否则引入失败(提示保存)
@import "../assets/style/mixin.scss"; //引入方式
.mint-tabbar>.mint-tab-item.is-selected {
background: #fafafa;
}
.mint-tabbar {
color: #818181;
position: fixed;
}
</style>