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>