webpack的安装

1.进入nodejs官网，安装最新稳定版本（官网链接：https://nodejs.org/en/）

2.安装好后可以到命令行输入node-v和npm-v查看node和npm是否安装成功（安装node是npm包管理工具会一同安装）

3.安装webpack之前我们还需要进行项目的初始化，在项目终端输入npm init，这时项目目录下就会多一个package.josn的文件

4.初始化项目后就可以安装webpack了，它有以下安装方式

• 全局安装
  不建议这种安装方式，如果有两个项目，一个webpack3配置的，一个webpack4配置的，那么如果全局安装了webpack4，启动webpack3的项目就有可能会出现错误

//全局安装webpack，同时需要安装webpack-cli
npm i webpack webpack-cli -g

• 局部安装
  在项目终端中输入以下命令进行局部安装

//局部安装
npm i webpack webpack-cli -D

• 安装具体版本的webpack

npm i webpack@3.6.0 webpack-cli -D

(1)安装完成后，项目目录会多出一个node_modules文件夹，这里放的是webpack和它的依赖包
(2)局部安装好通过webpack -v是查看不到版本号的，因为当我们输入这个命令后，node会尝试在全局模块目录下找webpack，然而我们没有全局安装，所以找不到
(3)局部安装虽然找不到webpack，但是我们可以通过node给我们提供的npx命令运行webpack

5.打包方式

(1)全局安装的打包方式 webpack main.js
(2)局部安装的打包方式 npx webpack main.js
(3)配置脚本的打包方式 npm run build

• 第3钟打包方式的配置，在项目初始化生成的package.josn文件中添加以下代码

"scripts": {
    "build": "webpack"
  }