- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2019-03-09T10:32:57+00:00","default:wikiadmin","wikiadmin")
#author("2019-03-26T23:07:52+00:00","default:wikiadmin","wikiadmin")
-パッケージマネージャー
-最近は同じようなもので後発のyarnの方が優れているとか
*使い方 [#m8fdb5f8]
依存性解決のpackage.jsonをカレントディレクトリに配置して
npm i
*生成されるファイル [#q55046f7]
|package.json|依存バージョン指定、このバージョン以上という指定もできるので-lockファイルが存在する|
|package-lock.json|ビルドした時のバージョン。固定したいときに使う|
*主要パッケージ [#cd572cb9]
|axios|非同期http通信|
**トランスパイラ [#n2e87ae7]
|babel-polyfill|JSXなどをJSに変換するトランスパイラ|
|es6-promise|ES6 PROMISEの仕様に基づいたpolyfill(最新の仕様を過去のブラウザに対応すること)|
**外部通信ライブラリ [#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に非対応のブラウザでも対応できるようにコンパイルする。トランスパイラ