vite 使用 less 插件的用法

要在 Vite 中使用 Less 插件，需要安装 `vite-plugin-less` 插件。可以按照以下步骤进行操作：

1. 安装 `vite-plugin-less` 插件：

   npm install vite-plugin-less --save-dev

2. 在 `vite.config.js` 文件中添加插件：

   // vite.config.js
   import { defineConfig } from 'vite'
   import less from 'vite-plugin-less'

   export default defineConfig({
     plugins: [
       less()
     ]
   })

3. 在需要使用 Less 的文件中导入样式：

   // main.js
   import './styles.less'

或者在 HTML 中使用：

   <link rel="stylesheet/less" href="./styles.less">
   <script src="https://cdnjs.cloudflare.com/ajax/libs/less.js/3.12.2/less.min.js" integrity="sha512-+D1Z8c4p9DqKJ9kK0yJjVBc7a0hxYN4iQjzv+qM2U9g5l7vN+j7lPYeZ6JQqUeRYQvFV8n3i3/7Z8JLp1WgJsw==" crossorigin="anonymous"></script>

需要注意的是，使用 `vite-plugin-less` 插件需要确保已经安装了 Less。