<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>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
tsconfig の
リーリーincludeで特定のオーバーライドを追加できます。ただし、クライアント用にパッケージ化する場合、通常は依存関係を別個のスクリプトとして含めず、パッケージ化ツールに依存関係を配置する場所を決定させます。現在使用しているパッケージ化ツールについては言及していませんが、
ただし、自動入力が必要な場合は、Browserslist 文字列を指定してallowJS: trueを設定した場合、Babel は必要ありません。たとえば、Webpack 構成への関連する変更は次のようになります。 リーリー@babel/preset-env
を使用するのがおそらく最良のオプションです。