Vue-cli 4 elemen-uiを設定します。必要に応じて操作を導入します。

element-ui文書とネット上の各文章の説明方法によって、必要に応じてロードされる機能が正しく設定されていません。小編で模索した結果、やっと解決しました。この文章の記録が実現する全過程です。
ヽooとvueのバージョンの状況。

ハ2包装後の書類を必要に応じてロードしていない場合

上記の図からは、element-uiフレームを導入しただけで、jsファイルは783 KBまで急激に上昇しています。これは明らかに受け入れられません。
element-uiは必要に応じてドキュメントを読み込みます。https://element.eleme.cn/#/zh-CN/component/quickstart
ハ3添加babel-plugin-component依存

ハ4の正しい配置は必要に応じて機能します。
公式文書のアドレスを開いて、必要に応じてロードするコードの例を見つけて、pluginsの内容をコピーします。ドキュメントで言っているファイルの設定に従ってはいけません。ここはピットです。
プロジェクトのルートディレクトリの中のbabel.co.nfig.jsを開けて、先ほどコピーした内容を貼り付けます。具体的な結果は下の図を見てください。

铅5は必要に応じてモジュールに導入する。

ハ6包装後の書類を必要に応じてロードしました。


あ！あ！あ！ロードする設定に成功しました。狂ったようにコーディングできます。
ルートの怠惰なロードも1種の最適化の方式です！
補足知識：vue-cli@4E lement-uiを取り付ける
[email protected]その後、element-uiは対応するelementプラグインを提供します。このプラグインを使って、element-uiを素早くインストールすることができます。cdから工事ルートカタログまで、vue add elementを実行すればいいです。
vue add element
1、すべてのインポートを選択します。

2,第二ステップYを選択します。
3,第三歩は直接車に戻ります。

以上のこのVue-cli 4配置のelement-uiは必要に応じて操作を導入します。つまり、小編集は皆さんに共有する内容です。参考にしてもらいたいです。どうぞよろしくお願いします。