JS-Talcra Webパッケージの任意の設定(作成中...)

1.Web Packの起動

Webパッケージは、JavaScript環境用のモジュールバンドルパッケージです.
Webサービスを利用するには、サーバからネットワークリクエストを発行する必要があります.
現在のサービスは高度化され、膨大になっています.
多くのファイル(HTML、CSS、JS、Images...)は、これらのサービスのみで使用されます.リクエストを聞くと、速度も非常に遅くなります.
この問題を解決するために、これらのファイルを圧縮してモジュール化し、ネットワークに送信するやつが必要です.
このキャラクター、つまりモジュールに縛られているやつが「Webパッケージ」です.
Webパッケージを使用するには、ノードを入力します.jsとNPM
設定
注意:Webパッケージを使用する理由:https://developer-alle.tistory.com/297
注:ネットワークパッケージを使用する背景:https://jeonghwan-kim.github.io/series/2019/12/10/frontend-dev-env-webpack-basic.html
npmとは何ですか.
JavaScriptライブラリツール
nodejsをインストールすると一緒にインストールされます
ide terminalウィンドウで
npm init->プロジェクト名、、、設定->package.jsonの生成

インストール方法

npm install[特定ライブラリ名]

=> 해당프로젝트에 "node_modules" 라는 폴더생성됨 -
  그폴더 하위 라이브러리 파일 설치 되있음

グローバルインストール:npm install[特定ライブラリ名]--global

전역적으로 설치됨 - 시스템레벨에서 사용 
# window : AppData/Roaming/npm/node_modules
# mac : /usr/local/lib/node_modules 
에생성된다 

2. package.jsonを理解する

依存項目とDevDependenciesとは

依存項目(npm iライブラリ)

코드에 직접적 영향을주는 라이브러리들 react, vue ,jquery

依存項目(npm iライブラリ-d)

개발을 할떄 도움을주는 보조라이브러리 
=> webpack , sass ,,,,

dependenciesとdevDependenciesの違い

👉 배포용 : dependencies => npm run build 시 배포 되지않음 
👉 개발용 : devDependencies => npm run build 시 배포 되지않음 

両者の違いがなければ、導入すべき機能が導入時間を
ちえん
なぜnpmを使うのですか?
1リポジトリバージョン管理
あるリポジトリが別のリポジトリに関連付けられている場合、
=>npmは素子上で行わなければならない
=>npmで生成されたパケット.jsonでライブラリを管理する
2.

3.Web Pack、Web Pack CLI

ネットワークパッケージ

最新のフロントエンドフレームワークで最も一般的なモジュールバンドルパッケージ
アプリケーション構成リソース(HTML、CSS、JS、Images...)モジュール化

バインド(構築、バインド、または変換を表す):
上の図に示すように、数百のリソース(HTML、CSS、JS、Images...)ファイルにマージして前に移動