Node.js、NPM、Yeoman、Gulp、Generator Liferay テーマの Liferay フロントエンド NPM Toolkit 互換性マトリックス

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

問題

• クライアントがカスタム テーマを生成したい場合は、以下をインストールする必要があります。
  • Node.js と NPM
  • Yeoman
  • ゴクゴク
  • ジェネレータ-liferay-テーマ
• そのため、使用しているポータルのバージョンによっては、どのバージョンをインストールすればよいかを判断するのが難しく、すべてをカバーする特定の互換性マトリックスはありません。

Environment

• DXP7.0以上

解決策

• その情報はさまざまな情報源から収集できますが。
  • ノード バージョン情報 - ヘルプ センターの互換性マトリックスの記事 は、使用する Liferay DXP - ノード - NPM に関する情報を提供します。
  • Liferay フロントエンド プロジェクトの Readme Liferay DXP - Generator Liferay Theme - Gulpに関する情報を提供します。 Generator Liferay テーマ (v.9.xx 以降) には適切なバージョンの Gulp が既に含まれていることに注意することが重要です。そのため、 npm install でインストールされたものを使用できます node_modules 内に新しいスクリプトを追加します package.json このように "gulp": "node_modules/.bin/gulp"
    以下に例を示します。

    {
    "scripts": {
    		"gulp": "node_modules/.bin/gulp",
    		"init": "gulp init",
    		"build": "gulp build",
    		"deploy": "gulp deploy",
    		"extend": "gulp extend",
    		"kickstart": "gulp kickstart",
    		"status": "gulp status",
    		"upgrade": "gulp upgrade",
    		"watch": "gulp watch"
    	}
      }

    それを使用してテーマをビルドするには、 npm run gulp buildを実行するだけです。
  • yeoman のソース コード プロジェクト を確認すると、 Yeoman 2.x に Node 6.xx、Yeoman 3.x に Node 8.xx、Yeoman 4.x に Node 12.10.x が必要であることがわかります;
• その結果、それらすべてをカバーするこの互換性マトリックスがあります。

  Liferayのバージョン	ノード	NPM	ジェネレータ-liferay-テーマ	ゴクゴク	Yeoman
  Liferay DXP 7.0	6.6.0	6.4.1	8.xx	2.x	2.x
  Liferay DXP 7.1	8.15.0	6.4.1	8.xx	2.x	3.x
  Liferay DXP 7.2	10.15.3	6.4.1	9.xx & 10.xx	3.x	3.x
  Liferay DXP 7.3	10.15.3	6.4.1	9.xx & 10.xx	3.x	3.x
  Liferay DXP 7.4	16.13.0	8.1.0	10.2.x	4.x	4.x