Parent file doesn't change when imported files change

[Skalman]

Disclaimer: I'm new to Broccoli, and may have misunderstood something.

My goal: Have index.css update when I change layout.css.

Steps to reproduce:

1. Set up the file structure below.
2. Run broccoli serve.
3. Change css/layout.css.

Expected result:
The served index.css changes (as well as layout.css).

What happens:
index.css doesn't update, only layout.css. index.css does get the correct initial content:

.layout { color: red; }

---

File structure

// Brocfile.js
var cssnext = require('broccoli-cssnext');
appCss = cssnext('css');
module.exports = appCss;

/* css/index.css */
@import url('layout.css');

/* css/layout.css */
.layout { color: red; }

[topaxi]

I got the same problem, any news? Or hints where I have to look?

[MoOx]

@shinnn any idea ? I don't know broccoli at all :/

[topaxi]

I don't know broccoli that much either..

@Skalman I now created a plugin based on https://github.com/gabrielgrant/broccoli-less-single here: https://github.com/topaxi/broccoli-cssnext-single
I mostly copy pasted things and removed some, seems to be working great for me though.

[shinnn]

I'll look into this.

[MoOx]

Thanks @shinnn !

[shinnn]

This project is deprecated. MoOx/postcss-cssnext#208