- WordPress開発用Docker
- TypeScript, Scss ready
- バンドル環境をWebpackからViteへ刷新
- localhost:3000でHMRが効くように
- mutagen廃止
- Docker Desktop
- Node.js
v18.x
- PHP
8.x
ディレクトリ |
サブディレクトリ |
用途 |
備考 |
.data |
|
永続化用マウントデータ |
.gitignore 済み |
.docker |
|
Docker用構成ファイル郡 |
|
bin |
|
シェルスクリプト郡 |
要Envファイル設定 |
dist |
|
ビルド済みデータ |
.gitignore済み |
src |
assets |
静的ファイル配置用 |
|
src |
scss |
スタイルシート郡 |
Scss |
src |
templates |
テンプレートファイル |
Docker上へはこのディレクトリをマウントしている |
src |
ts |
スクリプトファイル |
TypeScript |
コマンド |
用途 |
備考 |
dev |
開発環境起動 |
|
build:develop |
ビルドデータ生成 |
|
build:production |
本番環境用ビルドデータ生成 |
|
docker:up |
Docker立ち上げ |
docker compose up -d |
docker:down |
Docker停止 |
docker compose down |
docker:build |
Dockerイメージ再構築 |
docker compose build --no-cache |
deploy:develop |
開発環境へビルドデータをデプロイする |
|
error_log |
エラーログのウォッチ |
|
wp:initialize |
WordPressの初期設定バッチ実行 |
|
wp:update |
WordPressのプラグイン等導入バッチ実行 |
|
- (初回のみ)
npm i
- (初回のみ)
husky install
- (初回のみ)
husky add .husky/pre-commit "npx lint-staged"
- (初回のみ)
.env.example
を.env
として複製し、WORDPRESS-THEME
を指定
docker compose up -d
/ npm run docker:up
- (初回のみ)
npm run wp:initialize
- プラグインの導入等を都度
npm run wp:update
で実施
npm run dev
http://xxx.xxx.xxx.xxx:3000
へ
- ブラウザで上記ページが自動で開きます
- 起動時に端末のプライベートIPが入ります
src/assets/images
配下の画像をwebpに変換する
- オリジナルのファイル名.webpと命名したファイルを生成する
cwebp
が必要
- ビルド後のデータを指定環境に対してrsyncで同期する
- sshが行えない環境に対しては、Archiverでzipファイルを生成したものをアップロード
各所でハードコーディングしているmy-theme
の撲滅
- テーマファイル用の汎用関数郡実装
- 重複マウントしている箇所をコンテナ内シンボリックするように変更
https://github.com/alicerose/docker-wp-vite/releases