Help us understand the problem. What is going on with this article?

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

More than 1 year has passed since last update.

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

参考情報

Why do not you register as a user and use Qiita more conveniently?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away