Webpack没有重新编译CSS更改（webpack-dev-server）

Question

我有一个像这样的项目设置：

/src
  /stylesheets
    main.css
    /ui
      _layouts.css
      _media.css

使用main.css设置如下：

@import 'ui/layouts';
@import 'ui/media';

我的网站设置如下：

{ test: /\.css$/i, use: ['style-loader', 'css-loader', 'postcss-loader'] }

css编译得很漂亮，如果我对main.css进行了更改，它将触发重新编译，它会正常工作。但是如果我对_layouts.css或_media.css进行了更改，它将无法检测到更改，我必须重新启动webpack-dev-server才能获取更改。

有什么我可以改变来使这项工作吗？