位置: 编程技术 - 正文

详解用webpack的CommonsChunkPlugin提取公共代码的3种方式(webpack基本使用)

编辑:rootadmin

推荐整理分享详解用webpack的CommonsChunkPlugin提取公共代码的3种方式(webpack基本使用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:webpack如何使用,webpack使用流程,webpack如何使用,说一下webpack,webpack使用流程,说一下webpack,说一下webpack,webpack使用流程,内容如对您有帮助,希望把文章链接给更多的朋友!

Webpack 的 CommonsChunkPlugin 插件,负责将多次被使用的 JS 模块打包在一起。

CommonsChunkPlugin 能解决的问题

在使用插件前,考虑几个问题:

对哪些 chunk 进行提取,这决定了 chunks ,children 和 name 要怎么配置 common chunk 是否异步,这决定了 async 怎么配置 common chunk 的粒度,这决定了 minChunks 和 minSize 怎么配置

以下是官方给出的常用的场景:

提取两个及两个以上 Chunk 的公共代码 将 Code Split 切割出来的 Chunk「就是子 Chunk」,提取到父 Chunk 将 Code Split 切割出来的 Chunk,提取到一个新的异步加载的 Chunk 提取某个类似 jquery 或 react 的代码库详解用webpack的CommonsChunkPlugin提取公共代码的3种方式(webpack基本使用)

前面我们实现了 多页面分离资源引用,按需引用JS和css

但有一个问题:最后生成的3个js,都有重复代码,我们应该把这部分公共代码单独提取出来。

方式一,传入字符串参数

new webpack.optimize.CommonsChunkPlugin(‘common.js'), // 默认会把所有入口节点的公共代码提取出来,生成一个common.js

方式二,有选择的提取公共代码

方式三,有选择性的提取(对象方式传参)

推荐

通过CommonsChunkPlugin,我们把公共代码专门抽取到一个common.js,这样业务代码只在index.js,main.js,user.js

标签: webpack基本使用

本文链接地址:https://www.jiuchutong.com/biancheng/369757.html 转载请保留说明!

上一篇:js使用xml数据载体实现城市省份二级联动效果(js调用xml)

下一篇:webpack中CommonsChunkPlugin详细教程(小结)

  • 哪些情况需要提高警惕小心毒品
  • 进项税和销项税税率一样吗
  • 什么叫做供应链公司
  • 应收账款余额不对怎么调账
  • 个税所得税清缴
  • 起重机属于固定资产哪个类别
  • 企业有利润要交什么税
  • 普通发票需要进项税额转出吗
  • 证券公司清算交收
  • 租赁合同印花税计算
  • 隔月发票红冲,交税怎么交
  • 分包工程款税率
  • 单位聘请的临时工请假旅游
  • 一次性收全年服务费怎么入账
  • 新成立公司注资流程
  • 中国铁路建设债券
  • 财产清查账务处理步骤
  • 跨年度多计提的社保调整
  • 固定资产清理会计处理例题
  • 资产减值损失是什么类科目
  • 注册资本与利息的税前扣除
  • 失控发票如何转出
  • 公司销售的产品自用如何记账
  • win10ie浏览器没有internet选项
  • 月底财务为什么要关账,暂时开不了发票
  • win10怎么找应用程序
  • 同一控制下的企业合并,合并方在企业合并中取得的资产
  • 电脑fs0是什么
  • php怎么上传图片
  • 如何确定销售数量
  • PHP:date_default_timezone_get()的用法_Date Time函数
  • 销售退回的增值税怎么处理
  • PHP:imagecolorexact()的用法_GD库图像处理函数
  • 企业现金流量表怎么分析
  • 火星车百家号
  • 应付职工薪酬的含义
  • 借递延所得税资产贷以前年度损益调整
  • vue-router query
  • 用代码说话
  • vite搭建vue3
  • php上传照片
  • mkdir命令怎么用
  • 出口免税和退税的区别
  • 公司购进软件的账务处理
  • 抽烟罚款会计分录
  • linux数据库导入命令
  • 电子回单可以入档案吗
  • 暂缓收缴工会经费申请
  • sql server 查看
  • 企业所得税期初余额什么意思
  • 建筑劳务公司的会计账务处理
  • 企业未开票收入怎么入账
  • 公司买车可以少多少钱
  • 委托加工物资核算
  • 费用误计入固定资产
  • 非贸付汇如何缴税
  • 财产租赁合同印花税怎么缴纳
  • 一家公司一定要有一个社保吗
  • 房地产开发企业土地增值税怎么计算
  • MySQL下载安装步骤详解
  • windows自动操作软件
  • centos如何运行程序
  • winole.exe - winole是什么进程
  • Win10预览版镜像
  • cmd命令怎么运行
  • 有没有类似window的免费软件
  • win10拖动窗口快捷键
  • linux修改分组
  • mediabrowser.exe是什么
  • 嵌入式linux开发用什么语言
  • Tutorial2 Hello dot!
  • 一个简单的小实验
  • 如何进行arp病毒防范
  • python os模块
  • unity星球模型
  • js eval
  • jquery获取cookie值的方法
  • 工匠称号有什么待遇?
  • 重芳烃闪点70,初馏点是多少
  • 去税务局补缴税款医疗费不带证件可以吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设