web前端调用dll_Webpack的dll功能使用

本文介绍了Webpack的Dll功能,用于解决前端项目中第三方库与项目代码分开打包时,因App代码变动导致Vendor文件频繁更新的问题。Dll允许创建独立的依赖库,其包含的库不变时,哈希不会变化,提高编译速度。详细阐述了如何配置DllPlugin和DllReferencePlugin,并展示了使用DLL的益处。
摘要由CSDN通过智能技术生成

最近使用Webpack遇到了一个坑。

我们构建前端项目的时候,往往希望第三方库(vendors)和自己写的代码可以分开打包,因为第三方库往往不需要经常打包更新。对此Webpack的文档建议用CommonsChunkPlugin来单独打包第三方库。

entry: {

vendor: ["jquery", "other-lib"],

app: "./entry"

}

new CommonsChunkPlugin({

name: "vendor",

// filename: "vendor.js"

// (Give the chunk a different name)

minChunks: Infinity,

// (with more entries, this ensures that no other module

// goes into the vendor chunk)

})

通常为了对抗缓存,我们会给售出文件的文件名中加入hash的后缀——但是——我们编辑了app部分的代码后,重新打包,发现vendor的hash也变化了!

852b1f7390f5b905435401e59be38edf.png

这么一来,意味着每次发布版本的时候,vendor代码都要刷新,即使我并没有修改其中的代码。这样并不符合我们分开打包的初衷。

带着问题我浏览了G

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值