如何将多个输出包分组到 Vite/Rollup 中的子目录中？

Question

我正在开发一个 svelte 项目，该项目又使用了 vite。但是，我需要配置多个输入和输出目录，对于一些非 svelte 相关的东西 \xe2\x80\x94 我想我也可以利用现有的捆绑器，而不是建立一个全新的项目。

\n

我知道我可以指定构建路径作为每个输入键的一部分，但这似乎仅适用于 javascript 文件，并且我希望所有相关的捆绑文件都使用该路径。CSS 文件目前输出到 dist 根目录，这并不理想。我的 vite.config.js 的相关部分如下所示：

\n

build: {\n    emptyOutDir: true,\n    rollupOptions: {\n        input: {\n            'svelte/bundle': './src/main.js',\n            'admin/bundle': './admin/index.js'\n        },\n        output: {\n            dir: '../../dist',\n            entryFileNames: '[name].js',\n            assetFileNames: '[name][extname]'\n        },\n    },\n},\nplugins: [svelte()]\n

\n

我希望我的输出如下所示：

\n

dist/\n\xe2\x94\x9c\xe2\x94\x80 svelte/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 bundle.js\n\xe2\x94\x82  \xe2\x94\x94\xe2\x94\x80 styles.css\n\xe2\x94\x94\xe2\x94\x80 admin/\n   \xe2\x94\x9c\xe2\x94\x80 bundle.js\n   \xe2\x94\x94\xe2\x94\x80 styles.css\n

\n

但我目前得到的是：

\n

dist/\n\xe2\x94\x9c\xe2\x94\x80 svelte/\n\xe2\x94\x82  \xe2\x94\x94\xe2\x94\x80 bundle.js\n\xe2\x94\x9c\xe2\x94\x80 admin/\n\xe2\x94\x82  \xe2\x94\x94\xe2\x94\x80 bundle.js\n\xe2\x94\x9c\xe2\x94\x80 index.css\n\xe2\x94\x94\xe2\x94\x80 main.css\n

\n

如何确保所有 CSS 文件也包含在各自的子目录中？

\n