performance - 使用 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: 'eval-cheap-module-source-map'

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