LoginSignup
1
1

More than 5 years have passed since last update.

Now を Ver1 から 2 へ移行してみた

Posted at

Zeit の Now が Ver2 を発表して、Paas から Faas 的なのに変わりました。
Now 2.0
React のアプリを Ver1 で使用していたものを Ver2 へ移行してみました。

要約

React アプリを Ver2 にするには、

  • package.jsonscriptnow-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.jsonscriptnow-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.jsonversionbuildを追加
{
  "version": 2,
  "name": "XXX",
  "alias": "XXX.now.sh",
  "builds": [{ "src": "package.json", "use": "@now/static-build" }]
}

実行

上記の設定をしたら、以下のコマンドで公開できます

now
now alias

参考情報

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1