使用 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 更新的速度?