ご覧のページは、お客様の利便性のために一部機械翻訳されています。また、ドキュメントは頻繁に更新が加えられており、翻訳は未完成の部分が含まれることをご了承ください。最新情報は都度公開されておりますため、必ず英語版をご参照ください。翻訳に問題がある場合は、こちらまでご連絡ください。

Angularプロジェクトを移行してLiferay npm Bundler 2.xを使用する

重要

Liferay npm バンドラーは Liferay 2024.Q4/Portal GA129 で廃止され、将来削除される予定です。

次の手順に従って、Angularプロジェクトを移行してliferay-npm-bundler 2.xを使用します。 liferay-npm-bundler 1.xはいくつかの変換ステップを実行するためにBabelに依存していましたが、これらの変換はバージョン2.xで自動的に適用されるようになりました。したがって、プロジェクトからBabelを削除する必要があります。

package.jsonの依存関係liferay-npm-bundlerをバージョン2.xにアップデートします。
```
{
  "devDependencies": {
    ...
    "liferay-npm-bundler": "^2.0.0",
    ...
  },
  ...
}
```
すべてのliferay-npm-bundler-preset-*依存関係をpackage.jsonから削除します。liferay-npm-bundler 2.xにはデフォルトでこれらが含まれているためです。
.npmbundlerrc ファイルで構成したバンドラープリセットを削除します。 liferay-npm-bundler 2.xには、すべてのフレームワークを自動的に処理する1つのスマートプリセットが含まれています。
tsconfig.json ファイルを開き、 "module": "amd" コンパイラオプションを以下に示す構成に置き換えて、CommonJS モジュールを生成します。
```
{
  "compilerOptions": {
    ...
    "module": "commonjs",
    ...
  }
}
```
.babelrc ファイルを削除して、Babel構成を削除します。
package.json ビルドプロセスからBabelを削除して、以下の設定と一致させます。
```
{
  "scripts": {
    "build": "tsc && liferay-npm-bundler"
  },
  ...
}
```
package.json devDependenciesから次の Babel 依存関係を削除します。
```
"babel-cli": "6.26.0",
"babel-preset-liferay-amd": "1.2.2"
```