dynamically polyfill features for a script

スクリプトの動的ポリフィル機能

絶対に必要な場合に機能をポリフィルすることができる小さなスクリプト - ネイティブサポートのブラウザで無駄なリクエストはありません！ ??

このスクリプトは、〜4.2kb UNミニファイド（121行） （1.04kb UNミニファイドおよびGzipt） 、〜8.37kbはインラインコメント（121行） （2.12kb UN省略およびGzipped） 、または〜1.9kbの邪魔（1行） （743Bの邪魔およびGzipt）であり、それはかなり明るいです。 ？

はじめる

ライブシステムにプロジェクトを展開する方法に関するメモの展開を参照してください。

前提条件

スクリプトが依存している機能を把握し、サポートするブラウザでネイティブにサポートされていないポリフィルを確認してください（https://caniuse.com/を確認できます）。

展開

npm経由で読み込みます

1. npm i dynamic-polyfillerを実行します
2. アプリにインポートします（Reactの以下の例）：

 import React from 'react' ;  
import { render } from 'react-dom' ;  

//The import below is the bit you need!
import dynamicPolyfill from 'dynamic-polyfiller' ;

dynamicPolyfill (
  [ "IntersectionObserver" , "Object.assign" ] ,
  'https://cdn.jsdelivr.net/npm/[email protected]/dist/quicklink.umd.js' ,
  'quicklink();'
) ;

ローカルでロードする（最も簡単に推奨される）：

1. DynamicPolyfill.jsの内容をコピーします
2. 既存のJSファイルに貼り付けます
3. その後新しい行を追加し、 dynamicPolyfill();注：症例に敏感
   1. 例：

    dynamicPolyfill( ["IntersectionObserver", "Object.assign"], 'https://cdn.jsdelivr.net/npm/[email protected]/dist/quicklink.umd.js', 'quicklink();' )
   

4. dynamicPolyfill()関数を呼び出し、パラメーターを渡すタグにonLoad属性を追加します
   1. 注：最初のパラメーターは、渡す機能ポリフィルです。これは配列として予想されます。
   2. 注：2番目のパラメーターは、使用するスクリプトのURLです。これは、 stringまたはarrayのいずれかとして予想されますが、サードパーティのスクリプトをロードしていない場合は、空白（ '' ）またはnullなる可能性があります。
   3. 注：3番目のパラメーターは、スクリプトがロードされたら実行する関数です。これは、 stringまたはarrayとして予想されます。
   4. 注：4番目のパラメーターは現在廃止されました。

CDNからのロード（推奨が少ない）：

1. このスクリプトにリンクする<script></script>タグを追加します
   1. 例：

    <script src='https://cdn.jsdelivr.net/gh/willstocks-tech/dynamically-polyfill-features-for-a-script@master/dynamicpolyfill.min.js'>
   </script>
   

2. dynamicPolyfill()関数を呼び出し、パラメーターを渡すタグにonLoad属性を追加します
   1. 注：最初のパラメーターは、渡す機能ポリフィルです。これは配列として予想されます。
   2. 注：2番目のパラメーターは、使用するスクリプトのURLです。これは、 stringまたはarrayのいずれかとして予想されますが、サードパーティのスクリプトをロードしていない場合は、空白（ '' ）またはnullなる可能性があります。
   3. 注：3番目のパラメーターは、スクリプトがロードされたら実行する関数です。これは、 stringまたはarrayとして予想されます。
   4. 注：4番目のパラメーターは現在廃止されました。

注：CDNからの読み込みは、潜在的に無駄なリクエストになりますか？

使用方法の例

地元

文字列変数

 dynamicPolyfill( 'IntersectionObserver', 'https://cdn.jsdelivr.net/npm/[email protected]/dist/quicklink.umd.js', 'quicklink();' );

配列変数

 dynamicPolyfill( ["IntersectionObserver", "Object.assign"], ['https://cdn.jsdelivr.net/npm/[email protected]/dist/quicklink.umd.js', 'https://other.cdn.net/script.js'], ['quicklink();', 'otherFunction();'] );

CDN

注：実際のスクリプト自体がロードしたdynamicPolyfill()関数を呼び出す前に、確認する必要があります。自分でスクリプトをホストする場合（CDNに電話をかけるのではなく）、最初にスクリプトコードを含めてから、関数を呼び出してください。これを上記と同じ方法で実行できますが、同じファイルから呼び出さない場合は、CDN URLを自分のJSファイルへのパスに置き換えます。

文字列変数：

 <script
	src='https://cdn.jsdelivr.net/gh/willstocks-tech/dynamically-polyfill-features-for-a-script@master/dynamicpolyfill.min.js' 
	onload='dynamicPolyfill( ["IntersectionObserver", "Object.assign"], 'https://cdn.jsdelivr.net/npm/[email protected]/dist/quicklink.umd.js', 'quicklink();')'>
</script>

配列変数：

 <script
	src='https://cdn.jsdelivr.net/gh/willstocks-tech/dynamically-polyfill-features-for-a-script@master/dynamicpolyfill.min.js' 
	onload='dynamicPolyfill(["IntersectionObserver", "Object.assign"], ['https://cdn.jsdelivr.net/npm/[email protected]/dist/quicklink.umd.js', 'https://other.cdn.net/script.js'], ['quicklink();', 'otherFunction();'])'>
</script>

で構築されています

• Vanilla JavaScript-フレームワークの依存関係はまったくありません！
• polyfill.io-実際のポリフィル用！

バージョン化

利用可能なバージョンについては、リポジトリリリース履歴をご覧ください。 「最新リリース」にこだわることをお勧めします！

著者

• 在庫-最初の作業- ウィルストックステクノロジー

この小さなナゲットに参加した貢献者のリストも参照してください！

貢献

行動規範の詳細と、プルリクエストを送信するプロセスについては、Converting.mdをお読みください。

ライセンス

このプロジェクトはMITライセンスに基づいてライセンスされています - 詳細については、license.mdファイルを参照してください

謝辞

• この素晴らしいreadmeテンプレートのパープルブース！
• 素晴らしいポリフィルサービスのためのpolyfill.io！