回顾:0413webpack

https://www.webpackjs.com/concepts/

webpack是什么

webpack是一个静态模块打包器。单纯的webpack还不具备代码优化啥的功能。webpack处理程序时,它可以对模块构件依赖关系图(这里面就包含了应用中所有的依赖),并将这些模块打包成一个或多个bundle(n.捆,一批;)。
webpack是可以配置的,并且可以根据开发者的需求深度配置。配置webpack有以下4个核心:
1.入口
2.出口
3.loader(n.装载程序)
4.插件

loader

loader有转换器的功能,转换的当然是源代码了。可以在import或者“加载”模块时预处理文件。可以根据开发者的需求,对模块中的内容进行多方位的转换。比如常用的把文件中的不同语言(例如Typescipt)转换为js,或者把文件中的内联图像转换为data url。

loader有一个说法叫“加载器”,这个词几乎把我带偏。(D:加载有什么用呢,我就寻思光把文件加载进来干啥呢。)

plugin

目地在于解决loader无法解决的东西。具体是什么?按照需求使用,比如可以创建html文件(HTMLWebpackPlugin),模块热替换(HotModuleReplacementPlugin)等等等等。
webpack插件是具有apply属性的一个js对象。apply属性会被webpack compiler(n.编译程序,编译者;)调用,这个compiler对象可以在整个编译生命周期访问。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值