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