Webpack - 前言
webpack中文官网https://www.webpackjs.com/
模块化开发的概念提出之后，模块打包工具孕育而生。随着早期webpack只能打包js文件，发展到可以打包任何类型的文件，再到主流前端框架的脚手架工具移植了webpack。熟练使用webpack是前端开发绕不开的必备技能。
Webpack - 搭建环境
webpack是基于node开发实现，首先需要安装nodejs,nodejs版本越新打包速度越快，webpack版本同理。
nodejs中文官网 nodejs.cn/
下载nodejs安装完成之后，终端输入 node -v 及 npm -v 显示相应的版本号，即nodejs安装成功，npm为nodejs包管理工具。至此webpack的环境搭建完成。
Webpack - 创建项目
新建工程文件夹，进入工程文件夹，输入 npm init 初始化项目，使其符合nodejs规范。
package name // 工程名称
version // 默认版本号
...
一路向下，最终输入 yes
或者直接输入npm init -y 直接生成package.json文件
查看工程目录，生成一个package.json的文件
此文件包含你输入的信息，其中 “private":true ,为私有，不会发布到npm的线上仓库。"main":"index"不需要暴露，可删除。"author":"wudongchao",作者名"license":"ISC"，开源配置。
Webpack - 安装
打开终端，输入 npm install webpack webpack-cli -g 全局安装webpack ⚠️
安装完成之后，会出现 webpack 及 webpack-cli 相应的版本号,webpack-v查看webpack版本。
⚠️如果你有webpack3的项目，在全局安装webpack的情况下，有可能会出现webpack3项目无法正常运行，不推荐全局安装webpack。
进入工程文件夹，输入 npm install webpack webpack-cli -D 项目中安装webpack ⚠️
安装完成之后，会出现 webpack 及 webpack-cli 相应的版本号,npx webpack -v 查看版本号。npx命令会在node_module文件夹中查找webpack安装包。
⚠️如果你的工程名字为 webpack 那么你下载webpack 就会出错，因为webpack还不是肚子里的蛔虫。
工程目录会生成node_modules文件夹和package-lock.json文件，至此webpack安装完成。
