Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

output order is the reverse of what it should be. #6

Open
ghost opened this issue May 5, 2020 · 0 comments
Open

output order is the reverse of what it should be. #6

ghost opened this issue May 5, 2020 · 0 comments

Comments

@ghost
Copy link

ghost commented May 5, 2020

Thank you for creating this plugin. It does a wonderful job except for one serious issue...

If I have:

// dependency/index.js
import './styles.css';
export default { ... };

// dependency/styles.css
.Foo { color: red }

// project/index.js
import './styles.css';
import dependency from 'dependency';
export default { ... };

// project/styles.css
.Foo { color: blue }

then when running rollup in the project directory, <div class=Foo> will be red instead of blue because dependency/styles.css is appended later in the final stylesheet, as if the HTML contained:

<link rel=stylesheet href="project/styles.css">
<link rel=stylesheet href="dependency/styles.css">

However, styles in the project should override styles in the dependency, as if the HTML contained:

<link rel=stylesheet href="dependency/styles.css">
<link rel=stylesheet href="project/styles.css">

Can you please correct the order in which stylesheets are concatenated? Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

0 participants