Vue introduit fichier .scss

Vue introduit fichier .scss

Regardez d'abord la connaissance du SASS: SASS est une sorte de css poupée, vous pouvez générer navigateur peut reconnaître le fichier css pour compiler. La technologie de l'extension de fichier se présente sous deux formes: .sass et .scss. La différence est que deux fichiers .sass a des exigences très strictes pour le code, et aucune composition accolades, pas virgule. (Plus précisément pas décrire)

introduit

引入方法一：
	第一步需要在项目中引入
	 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

fichier Utiliser

<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>