什么是Webpack

Webpack是一个模块打包器,根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源。
Webpack了解

前端模块加载

前端模块要在客户端中运行,需要加载到浏览器中。模块加载和传输有两种极端的方法:1、每个模块文件都请求一次,2、把所有模块都打包成一个文件,然后只请求一次。但是这两个都不是好的解决方法,第一个每个模块都单独请求造成请求次数太多,应用启动速度会变慢,第二种一次请求加载所有的模块导致流量浪费,初始化速度慢,这个时候webpack就要上场了。
分块传输:按需进行懒加载,在实际用到某些模块的时候再增量更新,才是较为合理的模块加载方案。要实现模块的按需加载,就需要一个对整个代码中的模块进行静态分析,编译打包的过程。

资源都是模块

在前端开发中css,图片,字体,html模版等资源都可以视作模版,通过require方式进行加载
,如何加载各种资源呢,就要通过静态分析

静态分析

在编译的时候,对整个代码进行静态分析,分析出各个模块的类型和它们的依赖关系,然后将不同的模块提交给适配的加载器进行处理,比如less写的样式模块·,先用less加载器转化成css模块,再用css模块把它插入页面的

相关文章:

  • 2022-12-23
  • 2021-08-30
  • 2022-12-23
  • 2022-12-23
  • 2021-04-06
  • 2021-08-06
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-07-10
  • 2022-12-23
  • 2021-12-09
  • 2021-05-22
  • 2021-06-17
  • 2022-02-10
相关资源
相似解决方案