title: Vite: placing bundles in subfolders on build?
body: <p>Currently my projects structure is:</p>
  <pre><code>my-app/
  ├─ node_modules/
  ├─ dist/
  │  ├─ assets/
  │  │  ├─ main.js
  │  │  ├─ nested.js
  │  │  ├─ styles.css
  │  │  ├─ nestedstyles.css
  │  ├─ nested/
  │  │  ├─ index.html
  │  ├─ index.html
  ├─ nested/
  │  ├─index.html
  │  ├─nested.js
  │  ├─nestedstyles.scss
  ├─ index.html
  ├─ main.js
  ├─ style.scss
  ├─ package.json
  </code></pre>
  <p>I'm looking to create:</p>
  <pre><code>my-app/
  ├─ node_modules/
  ├─ dist/
  │  ├─ assets/
  │  │  ├─ main.js
  │  │  ├─ styles.css
  │  ├─ nested/
  │  │  ├─ assets/
  │  │  │  ├─ nested.js
  │  │  │  ├─ nestedstyles.css
  │  │  ├─ index.html
  │  ├─ index.html
  ├─ nested/
  │  ├─index.html
  │  ├─nested.js
  │  ├─nestedstyles.scss
  ├─ index.html
  ├─ main.js
  ├─ style.scss
  ├─ package.json
  </code></pre>
  <p>This is what I currently have for my rollupOptions:</p>
  <pre><code>    module.exports = defineConfig({
      build: {
          rollupOptions: {
              input: {
                  main: resolve(__dirname, 'index.html'),
                  nested: resolve(__dirname, 'nested/index.html')
              },
          }
      }
  })
  </code></pre>
  <p>So far anything I have tried hasn't been able to keep the nested bundles in the nested folder.  How would I go about accomplishing this?</p>
  <p>Thank you</p>