blog

webpackのマルチエントリファイルパッケージングビルドのスタイルの損失。

元のプロジェクトでは、1つのエントリファイルapp.jsがあるだけで、今、我々は、ログイン認証のためのエントリファイルoAuth.jsを追加する必要があり、パッキングとビルドした後、我々は、oAuth...

Nov 12, 2020 · 1 min. read

背景

元のプロジェクトにはapp.jsというエントリーファイルしかありませんが、新たにoAuth.jsというログイン認証のエントリーファイルを追加する必要があります。



理由

アプリとoAuthには同じログイン機能があり、どちらのファイルもloginコンポーネントを使用していますが、パッケージング後のapp.cssにはログイン用のスタイルがありません。

2つのファイルの導入方法を分析した結果、アプリはルートを非同期で読み込み、oAuthは同期で読み込んでいることがわかりました。webpackはログインに関連する同期スタイルをoAuth.cssにパッケージ化しましたが、アプリは非同期読み込みのためにスタイルを失いました。

解決方法

短所:app.cssのサイズが巨大になり、プロジェクト内のcssファイルが65kから229kに増大します。

oAuth.jsファイルでは、oAuthファイルの導入は、非同期に

app.jsで、ログイン参照に関連するルートを同期導入メソッドに変更します。



Read next

要素 UI フォーム フォーム項目を動的に増減する

ここでpropプロパティの設定は微妙な問題であり、この形式の設定に従わない場合、以下は常に一致する値が見つからないのエラーを報告するか、チェックルールがエラーになっている、単にチェックを通過することはできません。 エラーを参照してください有効なpropパスをフォーム項目に転送してください!理由は、propがないことです...

Nov 11, 2020 · 2 min read

練習問題を解く(1)

Nov 11, 2020 · 2 min read

TCPプロトコルの解釈

Nov 10, 2020 · 3 min read

git

Nov 10, 2020 · 2 min read