1 介绍

webpack 是前端的一个项目构建工具，它是基于 Node.js 开发出来的一个前端工具。

2 安装

2.1 node安装

前往node官网下载：http://nodejs.cn/download/，下载安装后配置完毕后，验证node是否安装成功。

  1. node -v

2.2 全局安装webpack

cmd命令:
    npm install webpack -g
    npm install webpack-cli -g
安装完成后输入:
    webpack -v
    webpack-cli -v
 测试是否安装成功

2.3 初始化项目

npm init

image.png
最后输入yes，node就会自动构建项目。
image.png
这个package.json就是全局配置，node会以这个文件识别全局配置，它会加载文件的各种参数。
image.png
然后输入webpack命令构建项目:

npm install webpack --save-dev

image.png
项目结构就会变成这样：
image.png
生成的两个文件，一个node_modules是node需要的各种插件与环境，一个package-lock.json是各种插件的版本信息，相当于日志。