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