What factors effect compilation performance of Sass files when using Hot Module Replacement with Webpack?

我目前有很多Sass文件,组织成多个目录:

├── api
├── assets
│   └── fonts
├── config
├── const
├── decorations
├── functions
├── modules
│   ├── base
│   ├── components
│   ├── generic
│   ├── objects
│   └── vendor
├── themes
├── tools
└── trumps

每个目录都有一个加载文件的清单,加载所有清单以及所有供应商库的输入点是 main.scss .

目前我需要从我的应用程序入口点( app.js )获取此文件:

require('../sass/app.scss');

虽然HMR目前正在工作,但是在保存更改的文件和在浏览器中更新的更改之间存在很长的延迟 .

我的Sass装载机:

test: /\.scss$/,
loaders: ['style', 'css?sourceMap', 'autoprefixer-loader?browsers=last 4 version', 'sass?sourceMap'],
include: src_dir

开发者配置:

devtool: 'eval-cheap-module-source-map'

What factors will effect the speed at which HMR updates?