Hot Reloading does not work for @import CSS

[manavsehgal]

Hot Reloading works just fine for any changes within React code (JSX). However, as we make changes
to partials or CSS imports in /app/styles/ folder, these changes are not hot reloaded in the browser.
It works fine for changes within /app/style.css though.

We are trying several possible solutions to this know issue. Following have been tried and failed...

1. Using postcss-import and addDependencyTo: webpack. Not recommended approach as per the above mentioned thread.
2. Chaining css-loader imports as mentioned here.

[sorrat]

@manavsehgal First solution is actually working, but you need to include webpack to arguments:

postcss: function(webpack) {
  return [
    postcssImport({addDependencyTo: webpack}),
    //...
  ];
},

PS: Thanks for book!

[manavsehgal]

@sorrat many thanks for the solution. It works! Fixed in the latest commit.