位置: 编程技术 - 正文

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

  • 支付宝如何缴纳车辆购置税
  • 集体房屋出租管理办法
  • 电子税务局登陆密码总是错误怎么办
  • 个人独资企业要承担无限责任吗
  • 合同印花税怎么贴
  • 外籍人员个人所得税政策2022
  • 无形资产多摊销了怎么办
  • 企业销售不动产增值税政策
  • 虚开增值税立案标准
  • 办理企业所得税汇算清缴的期限是
  • 收到存款利息属于现金流量表
  • 非居民企业所得税计算公式
  • 附加税按实际缴纳计提吗
  • 存在标的的资产是什么意思
  • 滴滴 增值税
  • 劳务费发票和建筑劳务费发票
  • 完税凭证是什么
  • 营改增的会计分录
  • 发票过期作废不了怎么办
  • 公司出租商铺要交哪些税
  • 持续经营净利润和扣非净利润
  • 酒类应税消费品消费税纳税申报表怎么填
  • 企业所得税汇算表
  • surface安装win10专业版
  • 休眠文件大小设置
  • 开发票货款未公对公转怎么做账
  • 无票收入什么时候确认收入
  • 基于中国国情的中国式现代化具有哪些特色
  • pytorch_lightning.utilities.exceptions.MisconfigurationException: You requested GPUs: [1] But...
  • 认缴没有实缴怎么做账
  • php 访问数据库
  • 如何配置phpstudy
  • php怎么取数组
  • 卷积神经网络CNN实验报告
  • tokenizer.encode、tokenizer.tokenize、tokenizer.encode_plus的用法差异
  • 企业的研发费用如何进行账务处理
  • 新医院会计制度采用什么预算方法
  • 计提短期借款利息会计分录怎么写
  • 外贸进出口企业注册资金
  • 打印的机票行程怎么查
  • 2022-8-29 javaweb 第一天 servlet/tomcat
  • 股东退股怎么入账
  • 结转本期损益怎么看亏损
  • mysql备份原理
  • 资质平移后以前的工程怎么办
  • 研发费用凭证是什么样
  • 小规模纳税人增值税申报表怎么填
  • sql2005附加数据库出错
  • 个税专项附加扣除标准2023
  • 分公司注销总公司出的文件模板
  • 固定资产提取折旧最新规定
  • 借款利息收入开发票
  • 企业征收所得税会计分录
  • 机动车经销企业开具机动车发票
  • 白条入账会计处理
  • 个体户员工要签劳动合同吗
  • 认缴制下实收资本需要验资吗
  • 建立固定资产管理台账
  • 员工代垫费用能用公户转吗
  • 印花税的范畴
  • 长期股权投资出售时其他权益变动
  • 保险公司理赔款如何入账
  • 建总账的注意事项
  • 企业要建账需留什么资料
  • linux vps 教程
  • centos6安装步骤
  • 手动清洁cmos
  • utilman.exe - utilman是什么进程
  • windows windows.old
  • linux统计代码行数过滤空行
  • Windows正在启动卡死
  • winxp破解登录密码
  • win7还原电脑系统的步骤
  • gridview用法
  • vue中使用js
  • javascript运行环境有哪些
  • XRegExp 0.2: Now With Named Capture
  • 西安市经开区管委会官网
  • 江苏税务ukey怎么申请
  • 佛山退休办理
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设