Angularプロジェクトを移行してLiferay npm Bundler 2.xを使用する
次の手順に従って、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"
プロジェクトは、liferay-npm-bundler 2.xを使用するように移行されます。