2021-10-01・Dockerを使ったVue.jsの環境構築の紹介はじめにRailsの学習も一区切り付いたのでVue.jsの学習を始めようと考えています。今回はDockerを用いた環境構築の紹介となります。└─docker-compose.yml├─workspace└─README.mdDockerfileやdocker-compose.ymlなどのDocker関係のファイルはdockerディレクトリの中に入れています。Dockerfileと同じ位置にpackage.jsonを置いてある理由ですが、Dockerfileの中で行っているコマンドを解消するのにWORKDIR命令とpackage.jsonをコピーするCOPY命令が必要です。COPY命令はDockerfileの場所以外を指定出来ないため、Dockerfileと同じ場所にpackage.jsonを格納しています。vue-cliVue.jsにはnpmパッケージが必要であり、npmパッケージにはNode.jsが必要です。そのためDockerfileにはNode.jsのベースイメージを定義しています。WORKDIR命令以降は前述の通りRUN命令のためにWORKDIR・COPY命令を定義しています。/bin/shdocker-compose.ymlは特に無く、強いていうならportsは8080を定義しています。