Vee lessの使用

ステップ1:
インストールless依存、npm install less less-loader--save
ステップ2:
Webpackを変更します.config.jsファイル、loaderロード依存を構成し、外部のlessをサポートさせ、元のコードに追加

{
 
test: /\.less$/,
 
loader: "style-loader!css-loader!less-loader",
 
},

基本的にはインストールが完了し、使用するときにstyleラベルにlang="less"を付けるとlessのコードが書けるようになりました(styleラベルにscopedを付けるとこの役割ドメインのみ有効)scopedはvueの概念です

@nice-blue: #5B83AD;
@light-blue:@nice-blue +#111;
.header{
        background:@light-blue;
}