vue3+vite のインストールと設定は不要

1. インストール

// 安装less

npm i less-loader less --save-dev

2. vite.config.js の設定

css: {
        preprocessorOptions: {
            less: {
                modifyVars: {
                    hack: `true; @import (reference) "${path.resolve("src/assets/css/base.less")}";`,
                },
                javascriptEnabled: true,
            },
        },
    },

2. 使用する

<template>
    <div class="asd">
        1
        <p class="one">231</p>
    </div>
</template>

<script setup>

</script>

<style lang="less" scoped>
.asd{
    background-color: #111;
    .one{
        background: #f00;
        padding:@padding-md;
    }
}
</style>

作るのは簡単ではありませんが、気に入ったら「いいね」をお願いします