3

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

4

0 回答 0