使用Webpack热模块替换优化Sass编译

Question

在Webpack中使用热模块替换时，哪些因素会影响Sass文件的编译性能？

我目前有很多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配置：

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

哪些因素会影响HMR更新的速度？