こんにちは。Takitaです。
Nuxt / Vue.js の開発環境をDockerでつくりました。
フォルダ構成は frontend
をルートディレクトリとして、その下にNuxtのフォルダ、ファイル群がいる感じです。
$ vue init nuxt-community/starter-template .
( .
にするとカレントディレクトリにプロジェクトが作成されます)を実行後、
$ docker-compose build
して $ docker-compose up
したら $ open http://localhost:3000/
で確認できます。
# Dockerfile
+FROM node:8.11-alpine
+ENV LANG C.UTF-8
+
+# Create app directory
+RUN mkdir ./frontend
+COPY . /frontend
+WORKDIR /frontend
+
+# Set environment variables
+ENV NODE_ENV development
+ENV HOST 0.0.0.0
+EXPOSE 3000
+
+# Bundle app source
+RUN yarn global add vue-cli
+RUN yarn install
+
+CMD ["yarn", "dev"]
# docker-compose.yml
+version: '2'
+services:
+ web:
+ build: .
+ tty: true
+ ports:
+ - '3000:3000'
+ volumes:
+ - .:/frontend