webpack

webpack:基于项目的构建工具

image.png

安装方式：
全局安装和依赖安装

全局安装后后续项目中将不需要再次安装
npm i webpack -g
依赖安装是在项目中进行安装的
npm i webpack --save-dev

vue项目中添加依赖

npm init -y 
npm i jquery -S

npm init -y ：创建 package.json
npm i jquery -S：引入jquery
webpack 能够处理js的依赖关系以及js的兼容问题（浏览器能够兼容）
使用webpack打包

webpack  打包文件   输出文件

webpack 打包的配置文件
webpack.config.js
webpack的执行流程
在控制台中输入webpack后如果后面没有找到文件
去当前目录下找webpack.config.js
然后解析该文件进行打包操作