开发者学堂课程【微服务+全栈在线教育实战项目演练(SpringCloud Alibaba+SpringBoot):前端技术-webpack 介绍】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/667/detail/11324
前端技术-webpack 介绍
内容介绍:
一、webpack 是什么
二、使用 webpack 的优点
一、webpack 是什么
1.定义
Web pack 是一个前端资源加载/打包工具,它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
(通俗讲在项目中会产生很多静态资源,webpack 可以将多个 js 文件/cs 文件,最终打包成一个文件)静态资源:js. css 文件
从图中可以看出,web pack 可以将多种静态资源 js、css、less 转换成一个静态文件,减少了页面的请求。
2.示例:
通过 webpack 可以将三个文件最终生成一个文件,文件名为result.js,result.js中既包含1.js2.js 也包含01.css
二、使用 webpack 的优点
1.强调
webpack一般是在项目开发完成之后,项目部署前要做的事情
2.优点:
如果项目中有很多的静态文件,每次操作中每个文件都需要发送一次请求,将文件都生成一个文件再请求只需要请求一次,减少了页面的请求次数,提高页面保温效率,页面请求很消耗资源。