在构建手写笔

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文件并不需要很长时间（<200毫秒），但更改手写笔文件需要很长时间（> 90秒）。如果我对手写笔进行了更改，然后用webpack手动触发重建它真的很快，但理想情况下，我希望手表能够完成它的魔法并让我的css重新加载到位快速...

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