javascript - vite的多页面配置问题?

Question

export default defineConfig({  plugins: [ react()],  build: {    rollupOptions: {      input: {        index: path.resolve(__dirname, 'index.html'),        admin: path.resolve(__dirname, 'admin.html'),      },    },  },})

我这里配置了两个页面，希望访问/开头的进入index.html，访问/admin开头的访问admin.html

开发环境下应该如何配置呢？我用了vite-plugin-rewrite，写了下面的配置，没有生效，vite-plugin-rewrite不是做这个用的好像，有什么别的方法吗？

module.exports = {  rewrite: [    {      from: '^/admin',      to: '/admin.html',    },  ],};

Answer 1

vite的多页面配置问题?

你可以使用vite-plugin-rewrites插件来实现你的需求。这个插件可以让你在开发环境下将请求重写到不同的页面。

首先，你需要安装vite-plugin-rewrites：

npm install vite-plugin-rewrites --save-dev

然后，在你的vite.config.js文件中，添加以下配置：

import { defineConfig } from 'vite'import { createRewrites } from 'vite-plugin-rewrites'export default defineConfig({  plugins: [    react(),    createRewrites({      rewrites: [        { from: '/admin', to: '/admin.html' },      ],    }),  ],  build: {    rollupOptions: {      input: {        index: path.resolve(__dirname, 'index.html'),        admin: path.resolve(__dirname, 'admin.html'),      },    },  },})

这样，当你访问/admin时，它就会重定向到/admin.html。开发环境下，当请求被路由到不同的页面时，Vite会根据这个配置自动进行重写。