Vueが.scssファイルを導入しました

Vueが.scssファイルを導入しました

SASSの知識を初めて目:SASSはポペットCSSの一種である、あなたはコンパイルするCSSファイルを認識することができ、ブラウザを生成することができます。.sassと.scss:ファイルの拡張子SASS技術の2つの形式で提供されます。2つの違いは、.sassファイルは非常に厳格なコードを組版するための要件、および無ブレース、ノーセミコロンを持っているということです。(具体的に説明していません)

導入

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

使用.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>
公開された30元の記事 ウォンの賞賛8 ビュー20000 +

おすすめ

転載: blog.csdn.net/wg22222222/article/details/88710707