- 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 devhttp://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
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent