#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] **トランスパイラ [#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に非対応のブラウザでも対応できるようにコンパイルする。トランスパイラ