1. 管理パッケージの
yarn initを初期化します。
2. 依存関係パッケージをインストールします。yarn add webpack webpack-cli -D は、webpack をインストールして使用するために必要です。
3. package.json ファイルでスクリプト (カスタム コマンド) を構成します。
scripts: { "build": "webpack" }
4. 新しく作成したパッケージング ファイルを webpack のデフォルトのパッケージング エントリ src/index.js にインポートします。
5. ルートディレクトリでyarn buildコマンドを実行してパッケージ化します。
パッケージ化コマンドを実行した後、次のようになります。
webpack はまず webpack.config.js にアクセスして、開始位置と終了位置を変更するカスタム コマンドがあるかどうかを確認します。
存在する場合は設定ファイル内のコマンドが実行され、存在しない場合はデフォルトのコマンドが実行されます。
次に、依存関係に従ってパッケージ化を開始します。
[注意] パッケージ化するすべてのリソースは、パッケージ化する前に「エントリ ファイル」と直接/間接的な関係を持っている必要があります。そうでない場合、パッケージ化されません。
[注意] Webpack パッケージ化のデフォルトのエントリ: src/index.js ファイル、デフォルトの出口: dist/main.js
ご興味がございましたら、詳細をご覧ください。ありがとうございます