Docusaurusをコンテナ開発

Docusaurusをローカルにインストールするのはなんだかな〜と思い、おもむろにDockerを使って開発環境を作成しました。 今回はその手順を紹介します。

リポジトリ

とりあえずGithubにリポジトリを作成したので、こちらをCloneして動かしてみてください。

Docuserus CLIの不足

DocuserusのCLIというのか、npx create-docusaurusで作るときにディレクトリが指定できず、コンテナ開発時のnode_modulesディレクトリをコンテナボリュームにうまくマウントできない問題が発生。 悩んだ末に、力技ではありますが、npx create-docusaurusでプロジェクトを作成して、作成されたファイル群をworkspaceディレクトリ直下に移動して利用しています。

開発環境の実行

コンテナー再度開くでコンテナ実行した後に、

npm run dev

で実行ができるようにしてあります。

備考

上記コマンドの中身はdocusaurus start --host 0.0.0.0が登録されています。 コンテナ開発のため必要らしいです。

まとめ

Docusaurusの開発環境をコンテナで作成しました。 ローカルを汚す必要がないコンテナ開発を有効活用して一緒に開発しましょう！