WordPress Vite開発環境をwp-envで構築する方法とHMRの仕組み

WordPress Vite開発環境を探している人向けに、wp-envでDocker上へWordPressを構築し、ViteのHMRを利用する構成が分かります。静的HTML制作からクラシックテーマ開発へ移る流れや、開発時とビルド時で参照先を切り替える仕組みを把握できます。

📄

Zennの記事

wp-envとViteで作る爆速WordPress開発環境

crayfisher_zari　2024年02月01日

この記事では、wp-envとViteを組み合わせ、SCSSとTypeScriptの変更をHMRでWordPress画面へ反映する開発環境が紹介されています。静的開発用とWordPress用のVite設定の切り替え、WP_DEBUGに応じた資材の参照方法、必要環境や構成が説明されています。

記事は著者の方がZennに公開されているものです。当社は内容を転載していません。上のリンクから元記事が開きます。

世界中で利用されるオープンソースのWebサイト・ブログ管理システムです。

WordPress は商用利用できますか？

WordPress はオープンソースとして公開されています。ライセンスの条件（改変版を配布する場合の義務など）は元のリポジトリで確認してください。当社のカタログページでは、ライセンスの区分と実務上の注意点をまとめています。

WordPress Vite開発環境で調べています。まず何を読めばよいですか？

このページで紹介しているZennの記事「wp-envとViteで作る爆速WordPress開発環境」が、実際に手を動かした人の記録です。導入の可否や費用の考え方まで含めて判断したい場合は、あわせて当社のカタログページをご覧ください。

自分で導入するのが難しい場合はどうすればよいですか？

当社がOSSの導入・日本語化・サーバー構築を代行しています（税込110,000円〜）。相談は無料で、Zoomでの打ち合わせにも対応しています。「そのOSSは御社には向かない」という結論になることもあり、その場合はそうお伝えします。

OSSは「入れる」より「日本語で運用に乗せる」ほうが手間です。記事のとおりに進めて詰まったら、そこから先は任せてください。