Ant Design VueはIE9と互換性があります!!!

私の大きなIE( ̄ ^  ̄)

IEブラウザは排除へのカウントダウンに入ります、マイクロソフトのセキュリティ専門家はユーザーに諦めるように促します!

IE9ポリフィルなし

以下は、IE9にポリフィルを導入せずに作成した簡単なデモのパフォーマンスです。テスト環境は、IE11でドキュメントモードを変更したIE9です。
「セット」が定義されていません
コンソールは次のエラーを報告する場合があります。

* Module not found: Error: Can't resolve 'core-js/modules/es.function.name'

IE9ポリフィル

以下は、ポリフィルを導入し、いくつかの一般的に使用されるコンポーネントをテストした後のパフォーマンスですが、パフォーマンスはまだかなり良好です。不要なスピンを除いて、ここはスムーズにこの醜い外観に劣化します。
ここに画像の説明を挿入します

アプリケーションシナリオ

仕事の必要性から、プロジェクトをIE9と互換性を持たせる必要がある人もいると思います。これは少し非人道的に聞こえますが、この必要性はBabelを構成することで簡単に実現できます。ナンセンスな話をしないで、コードに直接進んでください。

main.js

ここに画像の説明を挿入します

package.json

ここに画像の説明を挿入します

babel.config

ここに画像の説明を挿入します

.browserslistrc

> 1%
last 2 versions

これがブラウザ設定のリストです。デフォルト設定のVueCliを引き続き使用するためにここにいます。クエリに一致するWebサイトの結果を確認できます。

実現原理

ここで直接画像に焦点を合わせると、画像の構成に従って、IE9の互換性の問題を解決できます。
これは、babelのバージョンアップグレードまたはその他の理由により、以前の互換性方法に従ってエラーを報告したことが原因である可能性があります。バベルの公式ウェブサイトのガイドには、さまざまな奇妙なジャンプがあり、ルールを見つけることができません。ここでも、試してみる前に、ドキュメントを少しずつ読んでいます。構成項目の詳細については、Babelの公式Webサイトを確認してください。これは、問題の根本に対する最善の解決策です。

2020-03-0522:33に更新

コメントに返信したり、自分自身に返信したりすることはできません。Gitアドレス

おすすめ

転載: blog.csdn.net/dizuncainiao/article/details/102746582