Vue Cli + Firebaseの環境をすぐつくるやつ
$ docker-compose build$ docker-compose run --rm vue vue create .$ docker-compose up$ docker-compose run --rm vue npm install$ docker-compose up -d$ docker-compose exec firebase ash# firebase login --no-localhost
-
# firebase init-
publicディレクトリを使うかは
dist -
SPAにするかは
No -
index.htmlを上書きするかは
No
-
$ docker-compose down$ docker-compose run --rm vue npm run build$ docker-compose up -d$ docker-compose exec firebase ash# firebase login --no-localhost
# firebase deploy
# firebase login:ci --no-localhost
services:
firebase:
environment:
- FIREBASE_TOKEN=トークン$ docker-compose run --rm firebase firebase deploy-
Setting / 全般 / Firebase SDK snippet のコードを
index.htmlの<body>内の下部に記述 -
<%= VUE_APP_FIREBASE_HOST %>をURLの先頭に追加する -
docker-compose.yml の
environmentにサイトのURLを記述 -
新規ファイル
vue.config.jsを作成し、外部ファイルを使うのでビルドファイルに必要ないモジュールを記述
module.exports = {
configureWebpack: {
externals: {
firebase: 'firebase',
firebaseui: 'firebaseui'
}
}
}- 下記を
app.vueに記述して、エラーが出ないかチェック
import firebase from 'firebase'- 使用する機能を
index.htmlのSDKスニペットに追加していく