关于webpack的一些面试题~~

本文主要探讨了webpack的理解,包括其作为模块打包工具的角色,如何处理不同类型的文件,以及webpack中的核心概念——bundle、trunk和module bundle。还详细解释了loader和plugin的区别和作用,列举了一些常见的loader和plugin及其解决的问题,如style-loader、css-loader、babel-loader、eslint-loader、HtmlWebpackPlugin和CleanWebpackPlugin等。
摘要由CSDN通过智能技术生成

1、什么是webpack或者是对webpack的理解?

        webpack是一个打包模块化静态打包工具(Js打包工具),在webpack中一切文件皆模块(一个模块对应一个文件),webpack只能解析js和json文件,通过loader转换文件,让webpack能够处理除js和json文件之外的其他类型的文件,将他们转换为有效模块以供应用程序使用,以及被天教导依赖图中去;通过plugin注入钩子,扩展webpack的功能使其更加灵活。最后输出有多个模块组合成的文件。

        webpack专注构建模块化项目,可以看做一个打包机器;webpack就是分析项目结构,找到js模块以及浏览器不能直接运行的拓展语言(如sass、less、ts等),并将其打包成合适的格式。

        webpack是基于入口的,会自动的递归解析入口所需要加载的所有资源文件,用不同的loader来处理不同的文件,用plugin来扩展webpack的功能,webpack需要找到入口,清楚对于不同的资源应该使用什么loader做出何种解析加工。

2、什么是bundle、什么是trunk、什么是module bundle?

        bundel:是有webpack打包出来的文件

        trunk:是代码块,一个trunk由多个模块组合而成,用于代码的合并和分割

        module:是开发的单独模块

3、loader、plugin是什么?

        loader 用于对模块的源代码进行转换。loader 可以使你在 import 或"加载"模块

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值