JavaScript/npm
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-パッケージマネージャー
-最近は同じようなもので後発のyarnの方が優れているとか
*使い方 [#m8fdb5f8]
依存性解決のpackage.jsonをカレントディレクトリに配置して
npm i
*package.json [#h16c64bc]
{
"name": "mytest",
"version": "1.0.0",
"description": "",
"main": "app/index.js",
"private": true,
*生成されるファイル [#q55046f7]
|package.json|依存バージョン指定、このバージョン以上とい...
|package-lock.json|ビルドした時のバージョン。固定したいと...
|dependencies|プロダクション環境だとこちらのみインストー...
|devDependencies|開発時のみ利用するライブラリー。npm inst...
*主要パッケージ [#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,画像などをひとまとめにするモジュールバンドラー
***Loader [#z22c31a5]
|dev-server|開発時にリアルタイムコンパイルやデバッグ情報...
|babel-loader|babelとの連携|
|url-loader|画像のbase64化。やはりJavaScriptコードとして...
|csv-loader|csvを読み込むloader|
|xml-loader|xmlを読み込むloader|
|style-loader|CSSをStyleタグに書き出す|
|css-loader|CSSを、javascriptのコードとして扱わせる|
|stylus-loader|メタCSS言語をコンパイルする役割|
***Plugin [#i1835d9e]
**Babel [#f862a908]
ES2015に非対応のブラウザでも対応できるようにコンパイルす...
終了行:
-パッケージマネージャー
-最近は同じようなもので後発のyarnの方が優れているとか
*使い方 [#m8fdb5f8]
依存性解決のpackage.jsonをカレントディレクトリに配置して
npm i
*package.json [#h16c64bc]
{
"name": "mytest",
"version": "1.0.0",
"description": "",
"main": "app/index.js",
"private": true,
*生成されるファイル [#q55046f7]
|package.json|依存バージョン指定、このバージョン以上とい...
|package-lock.json|ビルドした時のバージョン。固定したいと...
|dependencies|プロダクション環境だとこちらのみインストー...
|devDependencies|開発時のみ利用するライブラリー。npm inst...
*主要パッケージ [#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,画像などをひとまとめにするモジュールバンドラー
***Loader [#z22c31a5]
|dev-server|開発時にリアルタイムコンパイルやデバッグ情報...
|babel-loader|babelとの連携|
|url-loader|画像のbase64化。やはりJavaScriptコードとして...
|csv-loader|csvを読み込むloader|
|xml-loader|xmlを読み込むloader|
|style-loader|CSSをStyleタグに書き出す|
|css-loader|CSSを、javascriptのコードとして扱わせる|
|stylus-loader|メタCSS言語をコンパイルする役割|
***Plugin [#i1835d9e]
**Babel [#f862a908]
ES2015に非対応のブラウザでも対応できるようにコンパイルす...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
