webpack-2 - 构建手写笔时使用 webpack-dev-middleware 重建 Webpack 很慢

Question

我正在使用 webpack 2，与webpack-dev-middleware

 {
    test: /\.styl$/,
    use: [
      'style-loader',
      'css-loader',
      {
        loader: 'stylus-loader',
        options: {
          use: [nib()],
        },
      },
    ]
  },
  {
    test: /\.jpe?g$|\.gif$|\.png$|\.svg$|\.woff$|\.ttf$|\.wav$|\.mp3$/,
    use: [ {
      loader: 'file-loader',
      options: {
        publicPath: '/dist/'
      }
    } ]
  }

相关服务器代码：

let compiler = webpack(webpackConfig);
app.use(webpackDevMiddleware(compiler, {
  publicPath: ('/dist/')
}));

在初始构建时（无论是webpack从控制台使用，还是在第一次运行我的服务器时），整个过程大约需要 2000 毫秒。更改.js文件根本不需要很长时间（<200ms），但更改手写笔文件需要很长时间（>90s）。如果我对手写笔进行更改然后手动触发重建webpack它真的很快，但理想情况下我希望手表发挥它的魔力并让我的 css 快速重新加载到位......

任何想法为什么使用手写笔进行重建需要这么长时间，或者我如何调试问题？