7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

オフライン環境でReact

Last updated at Posted at 2017-07-04

ReactというよりもNode.jsの、いやnpmの話なのかもしれない。

npmが入っていないところにnpmをインストールするというのは、
昔のzipファイルをunzipの入っていない環境で展開するのと
同じような問題だけど、事は昔ほど簡単ではなくて、そのnpmの
インストールにネットワークが必要という、ちょっと困った状況に
なっている。

かつては、タマゴをもってくるなりニワトリをもってくれば
何とかなったけど、際限なく広がるニワトリのコミュニティが必要となると
話は別だ。

そんなときは、npmboxを使えば良いらしい。

本家:
https://github.com/arei/npmbox

手順通りに従って操作すると、

  1. グローバル環境にインストール(要root)
    npm install -g npmbox
  2. パッケージング
    npmbox npmbox
    すると、カレントディレクトリにnpmbox.npmboxというファイルができる。

何だろう?ということで file npmbox.npmboxで確認すると
npmbox.npmbox: gzip compressed data, from Unix
だそうで。
3. そのnpmbox.npmboxをインストール先にコピー
容量は9MBくらい。
4. 仮のディレクトリを作成して、そこで展開
tar xvzf npmbox.npmnox
すると .npmbox.cacheができる。
5. npmboxをインストール(要root)
npm install --global --cache ./.npmbox.cache --optional --cache-min 99999999999 --shrinkwrap false npmbox
このとき、npmがないと実行できないので、あらかじめダウンロードしてあったNodeパッケージ内のbinディレクトリにパスを通しておいた。
今回の私の環境の場合はこれ:
https://nodejs.org/dist/v6.11.0/node-v6.11.0-linux-x64.tar.xz
npmboxの実行プログラムは、このnodeのbinに入った。
6. インターネットに接続されている方でnpmのパッケージを作成
npmbox npm
するとnpm.npmboxができる
7. npm.npmboxをインストールしたいホストにコピーして、以下のコマンドでインストール
npmunbox npm

npmboxじゃなくて、npmunboxね

  1. インターネットに接続しているマシンで、reactをインストール
    npm install -g react
  2. npmboxでパッケージング
    npmbox react
  3. 9でできたreact.npmboxをインストール先の環境にコピー
  4. npmunbox react.npmbox (.npmboxの拡張子はあってもなくてもいいらしい)
7
6
2

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
7
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?