vite-plugin-antd-layout

Build layouts quickly, like @umijs/plugin-layout

Example

See playground

Usage

Install

npm install -D vite-plugin-antd-layout

or 

yarn add -D vite-plugin-antd-layout

or 

pnpm add -D vite-plugin-antd-layout

Use Plugin

1// vite.config.ts
2
3import react from '@vitejs/plugin-react'
4import antdLayout from 'vite-plugin-antd-layout'
5
6export default defineConfig({
7  plugins: [react(), antdLayout()],
8})

Use Layout

1// entry main.tsx
2
3import Layout from 'virtual:antd-layout'
4import ReactDOM from 'react-dom'
5import { HashRouter } from 'react-router-dom'
6
7// router must be wrapped
8ReactDOM.render(
9<HashRouter>
10  <Layout routes={[]} />
11</HashRouter>
12)