`[vite] Internal server error: [less] '~antd/es/style/themes/index.less' wasn't found.` の解決策

React+vite環境でAnt Designを使おうとしていた。単にライブラリをインストールするだけだと、タイトル通りのエラーがでる。

以下のようにconfigurationを書いて解決した。

vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "~antd": path.resolve(__dirname, "node_modules/antd"),
    },
  },
  css: {
    preprocessorOptions: {
      less: {
        javascriptEnabled: true,
      },
    },
  },
});

あと less のインストールも必要だった。