webpack4的安裝使用


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

 

 












免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM