ヒント:他の環境をインストールしないでください-オンライン別の場所でインストール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.効果