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 は現在動作していますが、変更されたファイルを保存してからブラウザで変更が更新されるまでには長い遅延があります。
私のサスローダー：
test: /\.scss$/,
loaders: ['style', 'css?sourceMap', 'autoprefixer-loader?browsers=last 4 version', 'sass?sourceMap'],
include: src_dir
開発ツール構成:
devtool: 'eval-cheap-module-source-map'
HMR の更新速度に影響を与える要因は何ですか?