vue-cliが構築したプロジェクトでLessを使用

lessとless-loaderをインストールし、プロジェクトディレクトリの下で次のコマンドを実行します.
npm install less less-loader --save-dev
インストールに成功すると、build/webpack.base.conf.js、module.exports =のオブジェクトのmoduleが開く.rulesの後に次のセクションを追加します.

module.exports = {
 
    module: {
        rules: [
        
          {
            test: /\.less$/,
            loader: "style-loader!css-loader!less-loader",
          }
        ]
    }
}

コードのstyleタグにlang="less"属性を付ければいいです~

<style scoped lang="less">

style>