JavaScript/npm の履歴差分(No.6)

• 履歴一覧
• 現在との差分 を表示
• ソース を表示
• 履歴 を表示
• JavaScript/npm へ行く。
  • 1 (2018-06-28 (木) 16:31:47)
  • 2 (2018-06-28 (木) 17:26:36)
  • 3 (2018-10-25 (木) 07:52:41)
  • 4 (2019-03-09 (土) 19:32:57)
  • 5 (2019-03-27 (水) 08:07:52)
  • 6 (2019-03-27 (水) 16:34:47)
  • 7 (2019-03-28 (木) 12:19:17)
  • 8 (2019-08-12 (月) 15:33:57)

• 追加された行はこの色です。
• 削除された行はこの色です。

#author("2019-03-26T23:07:52+00:00","default:wikiadmin","wikiadmin")
#author("2019-03-27T07:34:47+00:00","default:wikiadmin","wikiadmin")
-パッケージマネージャー
-最近は同じようなもので後発のyarnの方が優れているとか

*使い方 [#m8fdb5f8]

依存性解決のpackage.jsonをカレントディレクトリに配置して
npm i

*生成されるファイル [#q55046f7]

|package.json|依存バージョン指定、このバージョン以上という指定もできるので-lockファイルが存在する|
|package-lock.json|ビルドした時のバージョン。固定したいときに使う|


*主要パッケージ [#cd572cb9]

**トランスパイラ [#n2e87ae7]

|babel-polyfill|JSXなどをJSに変換するトランスパイラ|
|es6-promise|ES6 PROMISEの仕様に基づいたpolyfill(最新の仕様を過去のブラウザに対応すること)|

**React系 [#fb1f0d40]

|React Hot Loader|開発時にstate維持したまま更新反映|
|react-redux-router|パスによるルーティング。history backが使えるので必須|

**外部通信ライブラリ [#u88609cc]

|axios|非同期http通信。標準のfetchよりもシンプルに記述できる|
|joi|オブジェクトのvalidatorツール|
|moment|日付操作|
|qs|クエリーストリングパーサー|
|swiper|スワイプライブラリー|

**文法チェック、フォーマッター [#f51b1395]


**WebPack [#udd85506]

JS,CSS,画像などをひとまとめにするモジュールバンドラー

|dev-server|開発時にリアルタイムコンパイルやデバッグ情報など|
|babel-loader|babelとの連携|
|url-loader|画像のbase64化|
|csv-loader|csvを読み込むloader|
|xml-loader|xmlを読み込むloader|


**Babel [#f862a908]

ES2015に非対応のブラウザでも対応できるようにコンパイルする。トランスパイラ