前端---webpack

什么是webpack

• 项目构建工具
• 实现资源的合并、打包、压缩、混淆等诸多功能

界面中的静态资源

js

css：css less sass

image

字体

模板文件等

静态资源多了带来的问题

解决上述问题

webpack使用

npm init 初始化

npm i jQuery 下载jQuery

下载webpack：npm i webpack@4 -D

安装webpack：npm i webpacl-cli@3 -D

dependencies：运行和上线都需要

devDependencies：只有项目运行时需要

执行打包命令：npx webpack+需要打包的文件（输入文件） -o+文件名（输出文件）

webpack做了些什么

• 处理了js的依赖关系，对js做了合并。
• 让浏览器不识别的高级语法，转换成浏览器可以识别的语法。