Yak shaving logs


My life is just yak shaving.

Nuxt / Vue.js の開発環境をDockerでつくる

2018/07/01 #vue.js #vue-cli #nuxt

By Yusuke Takita


こんにちは。Kajitz inc.の瀧田です。

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
このエントリーをはてなブックマークに追加

categories


最新記事


tags