vite的多页面配置main的问题?

  • Z时代
  • 2024-02-28
  • 分类：IT

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

我这里配置了两个页面，访问http://localhost:3000开头的进入index.html，访问http://localhost:3000/admin开头的访问admin.html

现在我的index.html不在根目录，而是在aaa/index.html，然后我修改如下

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

但是运行 yarn dev 之后，访问http://localhost:3000，提示找不到对应页面。多页面打包配置主页面，不是这样配置吗？

回答：

你看看打包出来的目录，打包出来应该多了一层目录了，而不是根目录。运行项目的时候只输入域名那些，会在根目录去寻找index.html的，所以你要在src下创建一个index.html文件用于重定向到你要默认指定的目录

以上是 vite的多页面配置main的问题? 的全部内容， 来源链接： utcz.com/p/934953.html

回到顶部