手把手带你安装webpack --mac电脑哦~

1.安装node,进入nodejs官网进行下载安装包，安装即可。与常规软件安装步骤一样。

2.安装完后在桌面创建一个文件夹，尽量避免使用webpack字眼。这里以webClass为例

3.打开mac的搜索栏输入“terminal.app”回车即可进入终端页面

3.输入指令： cd 后将新建文件夹拖入终端即会看见如图所示，接着enter

  

4.查看一下node和npm是否安装成功，可查阅相关的版本号即为成功，可以接着下面的步骤

分别输入：node -v和npm -v

5. 在根目录下生成package.json文件，它会显示以后我们通过npm安装的各种依赖包，我们通过终端进入根目录，执行：npm init

终端会让我们输入一堆信息，根据具体需求进行填写，没有要求可以随意填写即可。最后输入yes确认，会发现我们的根目录下自动生成了一个package.json文件

6.在全局环境下安装webpack，输入指令npm install webpack -g可能会报错，由于mac电脑的权限问题，建议输入如下指令sudo npm install webpack -g或许管理者权限进行安装。上述指令enter后会要求输入密码，输入你的开机密码即可，屏幕不会显示，输入完密码直接enter就好。

7.查看webpack是否安装成功，输入指令查看webpack的版本号即可

指令：Webpack -v

8. 将webpack添加到package.json依赖中

指令：npm install webpack —-save-dev

安装完后会发现根目录里面多了两个文件，且 package.json中多了几行语句

9.注意： webpack 4X 后需要安装webpack-cli输入如下指令进行安装：

sudo npm install webpack-cli -g

一切OK之后就可以开始使用webpack了，啦啦啦啦啦~

笔记不到位之处，还请多多指教，帮助我进步，谢谢~