1、全局安裝
安裝 webpack 前要確保已經下載 node.js 最新版本(node.js官網地址)
目前使用命令行安裝的 webpack 默認為最新版本(以下我使用了全局安裝。官網建議本地安裝,這可以使我們在引入破壞式變更(breaking change)的依賴時,更容易分別升級項目。)
npm i webpack -g
當我想確認是否安裝成功,輸入 webpack -v 后出現:
One CLI for webpack must be installed. These are recommended choices, delivered as separate packages:
- webpack-cli (https://github.com/webpack/webpack-cli)
The original webpack full-featured CLI.
- webpack-command (https//github.com/webpack-contrib/webpack-command)
A lightweight, opinionated webpack CLI.
We will use "npm" to install the CLI via "npm install -D".
Which one do you like to install (webpack-cli/webpack-command):
提示我們必須安裝一個 CLI,有兩個版本,Windows 安裝 webpack-cli ,Mac 安裝 webpack-command,輸入以下命令:
npm i webpack-cli -g//當前安裝時的版本為3.0.8
然后再輸入 webpack -v 確認是否安裝成功:
webpack -v
4.16.0
至此,webpack4 才算安裝完成(注意:如果 webpack 安裝在全局,那么 CLI 也需要裝在全局)。
webpack4以及以上版本的全局安裝,直接執行以下命令:
npm install webpack webpack-cli –g
webpack的全局安裝和局部
安裝webpack,首先需要安裝node,因為webpack依賴node環境,node自帶了包管理工具npm;
查看node的版本號:
npm -v
全局安裝webpack,這里安裝3.6.0,主要使用vue cli2,-g表示全局安裝;
npm i webpack@3.6.0 -g
局部安裝使用:--save-dev是開發時依賴;
cd 項目目錄
npm i webpack@3.6.0 --save-dev
