frontEnd

vite-plugin-pages

作用是按需组件自动导入 Vue

地址：https://github.com/hannoeru/vite-plugin-pages

安装

npm install -D vite-plugin-pages
npm install vue-router

Vite 配置

Add to your vite.config.js:

import Pages from 'vite-plugin-pages'

export default {
  plugins: [
    // ...
    Pages(),
  ],
}

Vue 配置

import { createRouter } from 'vue-router'
import routes from '~pages'

const router = createRouter({
  // ...
  routes,
})

env.d.ts添加

// vite-env.d.ts
/// <reference types="vite-plugin-pages/client" />

因为我的不是pages，而是views，
要使用自定义配置，请在实例化插件时将选项传递给 Pages：

// vite.config.js
import Pages from 'vite-plugin-pages'

export default {
  plugins: [
    Pages({
      dirs: 'src/views',
    }),
  ],