webpack

1.nrm的使用

nrm与npm区别?

nrm只是单纯的提供了几个常用的下载包的地址，便于切换，但是我们每次装包是工具依然是npm

Webpack引入的概念

网页中引入的常见的静态资源

1.js ( .js .jsx .coffee ,ts(typescript与c#相似))
2.Css(.css .sass (scss) .less)
3.Images(.jpg .png .gif .bmp .svg)
4.字体文件(.svg .ttf .eot .woff .woff2)
5.模板文件(.ejs .jade .vue(webpack中定义组件的方式 推荐使用))

网页中引入静态资源多了出现问题

1.网页加载速度慢，发起多次二次请求
2.要处理错综复杂的依赖包关系

如何解决这些问题

1.合并 压缩 精灵图 图片的base64编码
2.使用requirejs 也可以使用webpack解决各个包的复杂依赖关系

什么是webpack

1.是前端的一个项目构建工具，基于node开发的前端工具
Webpack与gulp的区别
Gulp:基于task任务,
Webpack :基于整个项目构建(完美实现资源合并,打包,压缩)

安装

1.npm i webpack -g全局安装
2.npm uninstall webpack -g 删除webpack