No.1 webpackのインストール

929 ワード

注意:本明細書のハードウェア環境mac
1. require: node.js
brew install node

-グローバルインストール
npm install webpack -g

インストールが完了すると、webpack entry.js bundle.jsのようにwebpackコマンドを直接使用することができますが、他のプロジェクトで他のバージョンのwebpackを使用しても、グローバルコマンドを使用するとエラーが発生する可能性があります.
-ローカルインストール(推奨)
require:すでに初期化されており、npm initで初期化できます.初期化後、ルートディレクトリの下にpackage.json(mavenのpom.xmlと類似)ファイルが1つ追加されます.
npm install webpack --save-dev
//      
npm install webpack@ --save-dev

インストールが完了すると、プロジェクトルートディレクトリにnodeが1つ追加されます.modulesディレクトリ.このディレクトリは依存jsモジュールを配置するために使用される.ローカルインストールはwebpackを使用するにはbinディレクトリnode_modules/.bin/webpackを指定する必要がある.プロジェクトでnpmを使用するにはpackage.jsonで構成する必要がある
"scripts": { 
    "start": "webpack --config mywebpack.config.js"
}

これでnpm startで梱包できます