プレーンJavaScript、Billboard JS、JQuery、Metal JS、React、またはVue JSプロジェクトを移行してLiferay npm Bundler 2.xを使用する
以下に示すフレームワークプロジェクトを移行してliferay-npm-bundler 2.xを使用するには、次の手順に従います。
- プレーンJavaScriptプロジェクト
- Billboard.jsプロジェクト
- jQueryプロジェクト
- Metal.jsプロジェクト
- Reactプロジェクト
- Vue.jsプロジェクト
ソースファイルをトランスパイルするにはBabelが必要ですが、トランスフォーマーに使用されるBabelプリセットを、バンドル1.xが課したプロジェクトから削除する必要があります。 liferay-npm-bundler 2.xは、デフォルトでこれらの変換を処理します。
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つのスマートプリセットが含まれています。プロジェクトの
.babelrc
ファイルから liferay-project プリセットを削除します。 残すべきは、以下に示すes2015
プリセットだけです。{ "presets": ["es2015"] }
プロジェクトでReactを使用している場合は、
react
プリセットも残っていることを確認してください。{ "presets": ["es2015", "react"] }
package.json
からbabel-preset-liferay-project
依存関係を削除します。
プロジェクトは、liferay-npm-bundler 2.xを使用するように移行されます。