如何安装webpack4

本文主要讲解如何安装webpack4。

所使用系统是mac，直接使用系统自带的终端输入指令安装，window系统的读者安装方法大同小异，可以先安装git再在git bash里面输入指令安装。

1、先安装node npm 查看版本

node --version

npm --version

查看版本，如果显示版本，那么就说明你电脑安装好了node，安装了node那么npm也会有，因为node自带了npm。看电脑是否已经安装好了node，没有的话，先安装一下。

 

2、初始化项目 新建文件夹存放项目 npm init

（1）先新建一个存放项目的文件夹

         mkdir study_webpack

（2）然后进到这个文件夹

         cd study_webpack

（3）然后初始化项目 

         npm init

（4）接着回车或者编辑项目的相关信息，一路回车后，便可以在study_webpack这个文件夹中看到package.json文件。

 

3、安装webpack的方式

（1）全局安装，安装webpack的时候同时安装webpack-cli

首先一个个地安装

npm install webpack-cli -g

显示这样，成功安装。

npm install webpack -g

显示这样，成功安装。

全局安装是不推荐的安装方式，因为如果有多个版本要使用不一样的webpack的时候，就需要经常卸载和安装，这样比较麻烦，所以推荐使用局部安装，也就是在项目里安装使用，局部安装的指令是 -D 或者 --save-dev ，两者等价。

（5）卸载全局webpack

npm uninstall webpack webpack-cli -g

（6）局部安装webpack

同样，同时需要安装webpack-cli和webpack，使用-D指令

npm install webpack -D

npm install webpack-cli -D

 

4、查看webpack版本

npx webpack -v

如果直接输入webpack -v是获取不到webpack的版本的，这时前面加一个npx，使用npx webpack -v，便可以获得webpack的版本。这是因为npx可以帮助我们到项目里的node_modules找到webpack，而如果直接webpack -v那么会去全局那里找，显然全局是没有webpack的。

 

5、安装某个版本的webpack

npm install webpack@版本 webpack-cli -D

 

 

 

 

 

-end-