オリジナル住所：https://www.jianshu.com/p/660ec8c68cac
ウォッチ簡素化
シーンの削減を
image.png
私たちは、コンポーネントがリストを作成するために取得すると、入力ボックスを監視しながら、このシナリオの最初のスクリーニングは一般的になった後の変更は、リストを取得するたびに、、、少しを最適化する方法はありませんか？
分析は、移動します：
まず、時計、あなたは直接関数のリテラル名を使用することができます。第二に、即時宣言：コンポーネントを作成するときに真の表現はすぐに一度だけ実行します。
image.png
二つの成分は、一度登録された
私たちは、基本的なUIコンポーネントの束を書いた、そして我々は、これらのコンポーネントを使用する必要があるたびに、インポートし、非常に複雑、コンポーネントを宣言していました！怠惰怠惰することができ原則を守る、我々は、最適化する方法を見つけます！
移動の分析：
私たちは、自動動的なアセンブリを必要とする可能、独自の（モジュール）コンテキストを作成するために、どのようなアーティファクトのWebPACK、使用require.context（）メソッドを使用する必要があります。それはまた、サブディレクトリを検索する必要があるかどうか、あなたはディレクトリを検索したいファイルフォルダを、だけでなく、ファイルにマッチする正規表現であること：このメソッドは、3つのパラメータを取ります。
元の設定を参照してください。