node_modules 内の特定のパッケージを es5 に変換する

Question

<p>私は Angular 12 (IE 互換) プロジェクトを作成していますが、node_modules の依存関係の一部が非 es5 です。 </p> <p>私の理解では、<code>tsc</code> は、node_modules に対して何も処理を行わず、<code>angular.json</code> から <code>main</code> を取得するだけです。オプションで評価が開始されます。 </p> <p>これを行う方法についてのオプションを探しているときに、babel を使用するという提案がたくさんありましたが、よくわかりません</p> <ol> <li><p>babel と tsc を混ぜたほうがいいでしょうか。 それとも、<code>tsc</code> を廃止して、custom-webpack 経由で babel を使用するだけでしょうか? </p> </li> <li><p>私が理解しているように、すべてのトランスパイルでは、トランスパイルされたコードは出力ディレクトリに移動しますが、node_modules 内の js ファイルをトランスパイルする必要があるため、これらのファイルの出力は元のファイルに置き換えられるだけです。ノードモジュール内で?どうすればこれを達成できるでしょうか? </p> </li> </ol>

Answer 1

tsconfig の include で特定のオーバーライドを追加できます。

リーリー

ただし、クライアント用にパッケージ化する場合、通常は依存関係を別個のスクリプトとして含めず、パッケージ化ツールに依存関係を配置する場所を決定させます。現在使用しているパッケージ化ツールについては言及していませんが、allowJS: true を設定した場合、Babel は必要ありません。たとえば、Webpack 構成への関連する変更は次のようになります。 リーリー

ただし、自動入力が必要な場合は、Browserslist 文字列を指定して

@babel/preset-env を使用するのがおそらく最良のオプションです。