Vueのプロジェクト(SCSS)で、初心者には追随する-----サスを使用して詳細なインストール

ヒント:他の環境をインストールしないでください-オンライン別の場所でインストールrubbyを言うの?ない環境、 - -

インストール上のVueのプロジェクトscss--

1. VUE-cliのテンプレートを使用して新しいプロジェクトを作成します。

vue init webpack myvue

2.インストールSASSの依存関係、CMDにおける入力インタフェース:

npm  install sass-loader --save-dev

npm install node-sass --sava-dev

3. webpack.base.conf.js内部の規則の下でビルド構成フォルダに追加

{

test: /\.scss$/,

loaders: ['style', 'css', 'sass']

}

 

4. SCSS時間はエラーそれ以外の場合は、構文のスタイルタグが配置され、対応するスタイルを適用するには、LANG =「SCSS」を追加します

SCSSは、テストを使用します。次のようにフォントの色のテストを変更します

<style lang="scss">

$color:blue;

div {color:$color;}

</style>

 

 

 

5.効果

おすすめ

転載: blog.csdn.net/AIB_Kasic/article/details/90719731