位置: 编程技术 - 正文

详解用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详细教程(小结)

  • 房地产增值税税率是多少
  • 增值税怎么做账务处理
  • 纳税申报表保留几年
  • 由商场代收营业费怎么算
  • 会计分录多借多贷是什么意思
  • 转出多交增值税最后怎么做平
  • 企业接受外部劳务派遣用工支出税前扣除问题
  • 跨年销售收入退回增值税处理
  • 样板房 家具
  • 公司购买工装计入什么费用
  • 免税企业如何做年终汇算清缴
  • 改建的固定资产
  • 房地产开发企业预缴增值税
  • 建设项目检测费
  • 生产企业没有进项税如何交增值税
  • 制作费计入什么会计科目
  • 销项税额转出税额怎么做账?
  • 12月份奖金怎么扣个税
  • 包装物怎么入账
  • 软件公司客户经理一般月薪多少
  • 工程结算收入的会计分录
  • windows 10如何清除联网记录
  • switpa.exe - switpa是什么进程
  • 电子商务公司的简介
  • 公司+农户经营模式是什么意思
  • 跨年的费用怎么做账
  • 苹果macOS 13.3 RC 发河北承德市承德县华夏电器
  • ios 的 safari 浏览器
  • 一品红怎么养才长得好
  • 期间损益结转都结转什么
  • 酒店损益类科目包括哪些
  • uniapp微信公众号授权
  • Android ImageView使用详解(系列教程三)
  • java的基本
  • 劳务费发票是不是专票
  • 金税盘如何读入新购电子发票?
  • 增量留抵税额退还举例
  • 上一年度的费用退回清算表怎么填
  • 网站的首页文件名是什么
  • 印花税核定征收比例取消了吗
  • 关联方占用资金应对措施
  • 企业金融资产包括银行存款吗
  • 失控发票要补交所得税吗
  • 租赁费的增值税可以抵扣吗
  • 年底计提坏账收回一部分怎么处理
  • 增值税纳税申报表附列资料(一)
  • 小企业会计准则跨年红冲
  • 材料采购和原材料和在途物资的区别
  • 转账支票遗失声明
  • 退回货款给客户怎么做会计分录
  • 无发票 入账
  • 房地产核算
  • mysql数据库里面有一个表查的特别慢
  • centos还原
  • win10开始菜单按重启键变成关机
  • centos7 wol
  • win8怎么清空电脑只剩系统
  • win10怎么切任务管理
  • Linux VPS vsftp/proftpd FTP时间差八小时的解决方法
  • win10系统以太网连接图标不见了怎么办
  • 升级win10系统后鼠标键盘无法用什么原因
  • Android开源ui框架
  • css设置最大高度
  • js获取html自定义属性
  • jquery deferred对象
  • vue插件使用
  • js上滑翻页
  • 安卓手机更新时间
  • unity3d碰撞检测源码
  • android 图片滚动
  • jquery如何实现轮播图
  • 企业自己开的增值发票
  • 深圳企业所得税税率多少
  • 现在是一般纳税人,属于小规模发生的业务怎么开票
  • 上海税务局网上举报平台官网
  • 票种核定流程审批时间
  • 广东电子税务局官网登录入口
  • 留抵税额退税政策2023
  • 广东省国家税务总局班子成员
  • 撤销存款证明需要什么手续
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设