玖叶教程网

前端编程开发入门

webpack5初识(webpack基础知识)

webpack的含义

webpack是一个模块打包器(构建工具),它的主要目的是将JavaScript文件打包在一起,打包后的文件用于在浏览器中使用,但它也能够胜任转化,打包,或包裹任务资源。

webpack原理和概念

  • 树结构:在一个入口文件中引入所有资源,形成所有依赖关系树状图
  • 模块:模块可以是ES6模块,也可以是commonJS或者是AMD模块,对于webpack来说,所有的资源(css,js......)
  • chunk:打包过程中被操作的模块文件叫做chunk,例如异步加载一个模块就是一个chunk
  • bundel:bundle是最后打包后的文件,最终文件可以和chunk长的一模一样,但是大部分情况下他是多个chunk的集合

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言