Extra HTML pages - specify "dist" location

[JoeyDoey]

A basic crx implementation with pages in a src dir is configured as below:

// vite.config.js
import { resolve } from 'path';
import { defineConfig } from 'vite';
import { crx } from '@crxjs/vite-plugin';
import manifest from './manifest.json';

export default defineConfig({
  build: {
    rollupOptions: {
      // add any html pages here
      input: {
        // output file at '/index.html'
        welcome: resolve(__dirname, 'index.html'),
        // output file at '/src/panel.html' 👈
        panel: resolve(__dirname, 'src/panel.html'),
      },
    },
  },
  plugins: [crx({ manifest })],  
});

This is likely a Vite or Rollup thing but hopefully I can get help here...

how do i get the output of the pages to be

dist/
  pages/
   panel.html

as opposed to:

dist/
  src/
   panel.html

---

ref:

• Dev.to: Advanced Config for CRXJS Vite Plugin
  
• crxjs.dev: Extension Pages
  
• Vite Multi Page App

[JoeyDoey]

// vite.config.js
import { resolve } from 'path';
import { defineConfig } from 'vite';
import { crx } from '@crxjs/vite-plugin';
import manifest from './manifest.json';

export default defineConfig({
  root: resolve(__dirname, './src'), // 👈  Needed to define root as same
  build: {
    rollupOptions: {
      input: {
        welcome: resolve(__dirname, 'index.html'),
        panel: resolve(__dirname, 'src/panel.html'),
      },
    },
  },
  plugins: [crx({ manifest })],  
});

output is now:

dist/
  pages/
   panel.html