WebPACKのインストールと使用

ここでは、例えばwebpack4.41.2を使用して

まず、WebPACKのインストール

1、ローカルインストールには、最新バージョンまたは特定のバージョンをインストール

NPM インストール --save- DEVのWebPACK
NPM インストール --save-devのWebPACKの@ <バージョン>

あなたはWebPACKの4+バージョンを使用する場合は、CLIをインストールする必要があります

NPM インストール --save-devのWebPACKの-CLIを

2、全体のインストール

NPM インストール - グローバルWebPACKのをwebpack-cli

またはNPM インストール -gのWebPACKwebpack-cli

第二に、使用WebPACKのパッケージ

1、方法、梱包コマンドライン

// 開発モデルパック、パッケージ化されたファイルは圧縮されていない 
のWebPACKを- MODE開発bundle.jsをdemo.js
 // 出力ファイルを指定するために、O -パラメータを追加するWebPACKのニーズの最新バージョン 
のWebPACKの--mode開発demo.jsを-o bundle.js

2、パッケージのWebPACKにコンフィギュレーションファイルを使用して

WebPACKの-config webpack.conf.js（指定WebPACKのプロファイル）

webpack.conf.jsを次のようにコンフィギュレーション・ファイルは、次のとおりです。

CONSTパスは=（必要' パス' ）;

module.exportsは = {
  エントリ：' ./src/index.js ' 、
  出力：{
    ファイル名：' bundle.js ' 、
    パス：path.resolve（__ dirnameは、' DIST ' ）
  }
}。