フロントエンドインタビュースピーチ集 第9回 高頻度テストのポイント（Webpackパフォーマンス最適化）

これは記録であり前端面试的话术集锦第九篇博文——高频考点（webpack性能优化）、今後もこのブログ記事を更新していきます。❗❗❗

この章では、スペースを無駄にせず、構成ファイルの作成方法を説明します。この側面を学びたい場合は、公式 Web サイトにアクセスして学ぶことができます。コンテンツのこの部分では、次の 2 つの知識ポイントに焦点を当てます。各知識ポイントは高頻度のテスト ポイントです。

1. 梱包時間を短縮するにはどのような方法がありますかWebpack?

2. Webpackパッケージを小さくするにはどのような方法がありますか?

1. Webpack のパッケージ化時間を短縮する

1.1 ローダーの最適化

の場合Loader、まずパッケージング効率に影響を与える必要がありますBabel。Babelコードを文字列生成に変換しAST、さらに変換を続けて最終的に新しいコードを生成するためAST、プロジェクトが大きくなるほど変換コードが多くなり効率が悪くなります。もちろん、それを最適化する方法はあります。

Loaderまず、ファイルの検索範囲を最適化します。

module.exports = {
   
    
    
    module