0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

テーマの初期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

  1. 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フォルダーにコピーしてデプロイ完了。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?