[vitejs/vite]vite 多html入口生产,开发环境配置问题

2024-07-18 460 views
6

image 1.目录结构如上

image 2.打包dist结构如上图,如果部署到服务器,还需要手动将index.html和pageB提出来?还是我配置的有什么问题?

3.开发模式如果不在根目录放置index.html,会直接如下图: image

  1. 多html直接打包到dist根目录?
  2. vite.config.ts 配置需要怎么配置?

回答

4

可以看看这个配置能不能解决你的问题。

4

你这个是手动配置入口

3

测试了下,也不行

4

image image image image 上图是我用webpack配置开发环境


image 上图是打包后的生产环境


vite如果能做到这样就完美了

6

我刚才又仔细看了一下 https://www.npmjs.com/package/vite-plugin-virtual-html-template 我写的这个插件看起来就是做你截图里的功能的,因为我也有此类需求,你按照插件文档来配置应该是可以做到的,只是说你每增加一个 pages/xxx 目录就需要单独加一条配置,不能自动增加而已,如果感兴趣我们可以再详细讨论一下。