webpack的五个核心概念---webpack工作笔记002

本文详细介绍了webpack的五个核心概念:entry作为入口文件,loader转换资源,bundle资源打包,output指定输出位置,以及plugins进行优化和压缩。在开发与生产模式下,webpack有不同的配置策略,用于提升开发效率和生产环境的性能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

然后我们再去看webpack的5个概念

可以看到有上面5个概念

 

我们,来说一下这5个的过程,

1.可以看到首先entry是入口文件,指定比如index.js是入口文件,然后webpack,通过index.js文件开始处理,

2.如果处理过程中发现了有less,img等webpack不能识别的文件,这时候loader,就会起作用把这个less,翻译一下,翻译成webpack能看的懂的内容

3.然后就可以把资源打包成bundle了,打包成bundle的时候,这个时候把打包以后的东西放到哪儿呢

4.需要用output指定把打包后的bundle放到哪里去

5.然后如果,还想进一步对,文件进行压缩优化等,还需要调用plugins,各种插件去优化,压缩文件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

添柴程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值