Zeit の Now が Ver2 を発表して、Paas から Faas 的なのに変わりました。
Now 2.0
React のアプリを Ver1 で使用していたものを Ver2 へ移行してみました。
要約
React アプリを Ver2 にするには、
-
package.json
のscript
にnow-build
を追加 -
now.json
に"version":2
、"builds": [{ "src": "package.json", "use": "@now/static-build" }]
を追加
することで now
コマンドで build ができます。
※ build したファイルは/dist
フォルダに出力されるようにしないとダメ
Ver1 の設定
以前は、static に利用するために、
yarn build
してから、
now public/ -n XXX
※ XXX はアプリ名
して
now alias
を行って公開してました。
Ver2 にするにあたって
設定
-
public/
配下に build したファイルを出力していたのをdist/
配下に出力するように変更 -
pacakage.json
のscript
にnow-build
を追加
"scripts": {
"build": "webpack -p --mode production",
"start": "webpack-dev-server --hot --inline --devtool source-map --mode development",
"now-build": "webpack -p --mode production"
},
-
now.json
にversion
、build
を追加
{
"version": 2,
"name": "XXX",
"alias": "XXX.now.sh",
"builds": [{ "src": "package.json", "use": "@now/static-build" }]
}
実行
上記の設定をしたら、以下のコマンドで公開できます
now
now alias