永利皇宫官网网址 > js教程 > 正文

webpack是什么

原创 2018-12-07 09:30:06 0 727
赞助会员专享特权
webpack是一个模块捆绑器,适用于最大的单页Web应用程序,可以与单独的任务运行器捆绑在一起,它可以处理JavaScript,CSS等。webpack是前端开发人员工具集的一个很好的补充,使用webpack,Web开发更快,更高效,更有趣。

什么是模块捆绑器?

在大多数编程语言中,我们可以将代码分成多个文件,并将这些文件导入到应用程序中,以使用其中包含的功能。这并不是内置在浏览器中的,因此构建模块捆绑器会将这种功能以多种形式提供:通过异步加载模块并在加载完成后运行它们;或者通过将所有必需的文件组合到一个JavaScript文件中,在通过HTML中的<script>标签加载。

如果没有模块加载器和捆绑器,我们也可以随时手动组合文件或将HTML加载到无数<script>标签中,但这有几个缺点:

1、我们需要跟踪文件应加载的正确顺序,包括哪些文件取决于哪些其他文件,并确保不包含不需要的任何文件。

2、多个<script>标签意味着多次调用服务器来加载所有代码,这对性能来说更糟糕。

3、需要大量的手动工作,而不是让计算机为你做这些工作。

为什么选择Webpack?

选择Webpack,有以下几个原因:

1、它相对新颖,因为它能够解决或避免其前辈中出现的缺点和问题。

2、入门很简单。如果我们只是想将一堆JavaScript文件捆绑在一起而没有任何其他花哨的东西,甚至不需要配置文件。

3、它的插件系统使它能够做得更多,使它非常强大。因此,它可能是我们需要的唯一构建工具。

Webpack的执行过程

Webpack从条目(entry)开始工作,通常这些是JavaScript模块,其中webpack开始其遍历过程。在此过程中,webpack会根据加载器配置评估条目(entry)匹配,这些配置告诉webpack如何转换每个匹配。

解析流程

条目(entry)本身就是一个模块。当webpack遇到一个条目时,webpack会尝试使用条目的resolve配置将条目与文件系统匹配。除了node_modules之外,我们还可以告诉webpack对特定目录执行查找。也可以调整webpack与文件扩展名匹配的方式,并且可以为目录定义特定的别名。该耗竭与包章涵盖了更详细的这些想法。

如果解析通过失败,webpack会引发运行时错误。如果webpack设法正确解析文件,webpack将根据加载器定义对匹配的文件执行处理。每个加载器对模块内容应用特定的转换。

可以通过多种方式配置加载程序与已解析文件匹配的方式,包括文件类型和文件系统中的位置。Webpack的灵活性甚至允许我们根据文件导入项目的位置对文件应用特定的转换。

对webpack的加载器执行相同的解析过程。Webpack允许我们在确定应使用哪个加载器时应用类似的逻辑。由于这个原因,装载程序已经解析了自己的配置。如果webpack无法执行加载程序查找,则会引发运行时错误。

总结:以上就是本篇文章的全部内容,希望能对大家的学习有所帮助。

以上就是webpack是什么的详细内容,更多请关注php中文网其它相关文章!

  • 相关标签:webpack
  • 本文原创发布php中文网 ,转载请注明出处,感谢您的尊重!
  • 相关文章


  • Webpack 实现 AngularJS 的延迟加载_AngularJS
  • Webpack 实现 Node.js 代码热替换_node.js
  • webpack进阶之loader篇_html/css_WEB-ITnose
  • webpack进阶之插件篇_html/css_WEB-ITnose
  • webpack是什么
  • 网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
    独孤九贱(5)_ThinkPHP5永利娱乐pt88.vip

    独孤九贱(5)_ThinkPHP5永利娱乐pt88.vip

    ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5永利娱乐pt88.vip》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

    独孤九贱(4)_PHP永利娱乐pt88.vip

    独孤九贱(4)_PHP永利娱乐pt88.vip

    江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 永利集团网址导航出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

    独孤九贱(1)_HTML5永利娱乐pt88.vip

    独孤九贱(1)_HTML5永利娱乐pt88.vip

    《php.cn原创html5永利娱乐pt88.vip》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php永利娱乐pt88.vip!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

    ThinkPHP5实战之[教学管理系统]

    ThinkPHP5实战之[教学管理系统]

    本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    PHP入门永利娱乐pt88.vip之一周学会PHP

    PHP入门永利娱乐pt88.vip之一周学会PHP

    所有计算机语言的学习都要从基础开始,《PHP入门永利娱乐pt88.vip之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    JSP文件的生命周期分几个阶段 724
    java如何把String类型转换为int类型 303
    js的基本循环类型有哪些 816

    相关永利娱乐pt88.vip

  • Javascript 基础教程 Javascript 基础教程
  • JavaScript教程 JavaScript教程
  • 燕十八 Javascript高级永利娱乐pt88.vip 燕十八 Javascript高级永利娱乐pt88.vip
  • JavaScript高级框架设计永利娱乐pt88.vip JavaScript高级框架设计永利娱乐pt88.vip
  • 相关视频章节