如何在vite（svelte）中安装less

安装代码

npm i less svelte-preprocess-less -D

配置vite.config，跟rollup.config 基本一样

import { defineConfig } from 'vite'
import { svelte } from '@sveltejs/vite-plugin-svelte'
import { less } from 'svelte-preprocess-less'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    svelte({
      preprocess: {
        style: less(),
      },
    }),
  ],
});

在模版里声明css类型

<style lang="less">

部分软件比如VSC可能会出现红标报错，仍然无法使用less的情况，需要在软件安装目录再安装一次less

C:\Users\Administrator\.vscode-insiders\extensions\svelte.svelte-vscode-105.19.0

转到该目录（注意每个人的目录不一样）运行安装

npm i less