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