テーマの初期buildにいろいろな問題にぶつかりました。
試行錯誤でやっと解決しましたので、キーとお思う内容をメモしておきます。
1. 最新情報の参考先:
2. テーマ関連の部分
Projects
Themes Toolkit v10.x+: Develop themes for DXP versions 7.2 and above (uses Gulp 4)
Themes Toolkit v9.x: Develop themes for DXP versions 7.2 and 7.3 (uses Gulp 3)
Themes Toolkit v8.x: Develop themes for DXP versions 7.0 and 7.1
3. generator-liferay-themeを使って、テーマを生成→build
プロジェクトのURL: generator-liferay-theme
nodeのバージョンなどは下記のファイルで確認できます。./package.json
- nodeバージョンを整備(問題ない場合は2.へ)
brew install anyenv
anyenv init
exec -l $SHELL
anyenv install nodenv
nodeの最新バージョン情報を確認 latest version of node -> https://nodejs.org/
nodenv install 16.14.2
失敗した場合に、提示があるので、それに従って、バージョンリストを更新(nodenv install -lで確認できます。)
nodenv global 16.14.2
nodenv versions // インストール状況を確認
node -v
2 . その他必要なツールをインストール
npm i -g npm
npm -v // バージョン確認
npm install -g yo
npm install -g gulp
3 . 現在の状況等を確認
npm list -g --depth=0
下記のようなものが表示されます。
/Users/{UserName}/.anyenv/envs/nodenv/versions/16.14.2/lib
├── corepack@0.10.0
├── generator-liferay-theme@10.2.0
├── gulp@4.0.2
├── npm@8.5.0
├── yarn@1.22.18
└── yo@4.3.0
4 . サンプルThemeを作成→build
yo liferay-theme // 指示に従ってテーマを作成
cd my-liferay-theme // 作成したフォルダーへ
npm i
npm run upgrade // 直接buildすると、エラーになるようで、一回だけ実行します。
npm run build // Warningがあるようだが、無事にbuildはできるはずです。
build終わったら、distフォルダの直下に、xxx.warってファイルが生成されます。
そのファイルをliferayのDeployフォルダーにコピーしてデプロイ完了。