webpack学习总结（一）webpack安装和构建项目

1、首先需要从node.js官网下载包管理工具进行安装,安装完之后在windows系统下，windows+R调出搜索框，输入cmd回车打开命令工具，检测npm是否安装，输入命令：npm -v

2、使用npm安装webpack，输入：npm install webpack -g，安装成功后查看安装版本，输入：webpack -v，会提示缺少CLI，这是因为webpack4.0之后为了更好的管理把CLI和webpack分开了，需要再全局安装CLI，在查看webpack版本信息就没问题了

3、进入项目目录，输入：npm init,初始化项目生成package.json文件
4、输入：npm install webpack --save-dev为项目添加webpack依赖
5、输入：npm install webpack-cli --save-dev为项目添加webpack-CLI依赖(注意：webpack和webpack-cli必须全局安装之后再局部安装，否则会报错)
6、创建一个静态a.js文件，里面随便写一个执行函数，执行:webpack a.js a.bundle.js，将a.js编译并打包到a.bundle.js