参考元: Vue.js + vue-routerでシングルページアプリケーション(SPA)を作ってみる | Maaarklog
Firebaseプロジェクトで作り、最終的にdeploy-dockerでデプロイするまでを目標とする。
他のディレクトリを汚さないように、 vue
フォルダ内で作ることを前提とする
FROM node:6.11-alpine
RUN npm install -g vue-cli
RUN mkdir /app
WORKDIR /app
#RUN npm install
#CMD npm run dev
まずはプロジェクトを作るところから始めたいので、下2行はコメントアウトする。
version: '2'
services:
vue:
build:
context: ./
dockerfile: vue.dockerfile
volumes:
- ./vue:/app
ports:
- '8887:8080'
完了したらイメージをビルドし、プロジェクトを作成する。
$ docker-compose -f vue-compose.yml build
$ docker-compose -f vue-compose.yml run --rm vue vue init webpack .
今回はFirebase+FirebaseUIを使いたいので、新たに追加する
$ docker-compose -f vue-compose.yml run --rm vue npm install --save-dev firebase firebaseui
これでプロジェクトの作成は完了。
vue.dockerfile
の下2行のコメントアウトを外し、docker-compose -f vue-compose.yml up -d
とすれば、localhost:8887
で開発版にアクセス可能となる。
いちおうファイルを変更すれば、リアルタイムで読み直してくれるがたまに反映されないので、その都度restartする必要があるかもしれない…。
Firebase-UIでのログインが表示されず悩み中…。フロントエンドつらい…。