css file written to wrong output folder

my config:

import svelte from 'rollup-plugin-svelte'
import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';

export default {
    input: 'src/main.js',
    output: {
        file: 'js/main.min.js',
        name: 'app',
        format: 'iife'
    },
    plugins: [
        svelte({
	    css: css => {
		css.write('css/bundle.css', false);
	    }
        }),
        resolve({
	    browser: true,
	    dedupe: ['svelte']
	}),
	commonjs()
    ]
};

I expect that css.write('css/bundle.css', false); writes the css file relative to the root folder. Actually it is writing it relative to the output folder of the js file: ‘js/css/bundle.css’.

[matths]

@Conduitry, it is definitely confusing and it doesn’t answer the question on how to achieve the desired behavior of @Gamadril at all? So how can the css file be in a css/ not js/css/ while the javascript file goes to js/?

[benmccann]

We’re planning to remove the css option. A better way to handle is to emit the CSS styles into a virtual file (via emitCss: true), and have another Rollup plugin – for example, rollup-plugin-css-only, rollup-plugin-postcss, etc. – take responsibility for the new stylesheet.