Estoy usando componentes esbeltos en algunas páginas de myapp. el árbol de directorios es como:

 -myapp --controller --static --svelte

Me las arreglé para configurar svelte para enviar el paquete js a myapp/static/js/ modificando rollup.config.js :

 export default { input: 'src/main.js', output: { sourcemap: true, format: 'iife', name: 'app', file: '../static/js/bundle.js'

Sin embargo, los estilos en los componentes también se guardan en myapp/static/js que no es muy idomático. Entonces quiero cambiar la ubicación a myapp/static/css

Actualmente css se define como:

 plugins: [ svelte({ compilerOptions: { // enable run-time checks when not in production dev: !production } }), css({ output: 'bundle.css' }),

Intenté cosas como:

 css({ output: { file: '../static/css/bundle.css' }, }),

Pero me sale este error:

 bundles src/main.js → ../static/js/bundle.js... [!] (plugin css) Error: The "fileName" or "name" properties of emitted files must be strings that are neither absolute nor relative paths, received "../static/js/bundle.css".

Entonces, me pregunto cuál es la forma correcta de hacerlo.