位置: 编程技术 - 正文

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

  • 转出未交增值税是借方还是贷方
  • 金税四期对小规模纳税人
  • 不征税发票需要预缴税款吗
  • 费用发票跨月可以入帐吗
  • 待抵扣税金凭证分录
  • 企业应收账款无论是否带息,在年末资产负债表中均应以
  • 施工企业挂靠账务处理怎么做
  • 公司授权给公司有风险吗?
  • 付款单是发票吗
  • 老板垫付员工工资怎么写条子
  • 事业单位退休人员独生子女费如何发放
  • 增值税专用发票的税率是多少啊
  • 主营业务成本结转方法
  • 从银行贷款转借他人法院如何判
  • 个人出租房屋交税如何计算
  • 撤销申报增值税流程
  • windows10如何关闭杀毒软件
  • 怎么做增值税
  • 月末计提电费
  • 人工费没有发票年度汇算调增需要进行调帐处理吗
  • linux用在哪些方面
  • 电脑怎么设置色盲模式
  • 半成品月末账务处理
  • 取得专票怎么结转销售成本
  • thinkphp5.0.23
  • Mont Choisy Beach, Mauritius (© Robert Harding World Imagery/Offset by Shutterstock)
  • 邮电费什么意思
  • vue 长列表优化
  • net命令详解步骤
  • jsp标签大全
  • 印花税是不是每个月都要交
  • 个体工商户属于灵活就业人员吗
  • 公司间代收代付
  • 贴现资产卖断会怎么样
  • 技术服务费发票图片
  • 核定征收的方式包括
  • 已认证发票对方作废后不重开怎么办
  • 营业外收入汇算清缴时也得计入收入
  • 借款给别的公司怎么做账
  • 租赁费的增值税可以抵扣吗
  • 个税申报系统非正常可以改为正常吗?
  • 错账更正方法有几种分别适用于什么情况
  • 分销佣金账务处理流程
  • 开具发票的原则有哪些呢?
  • 其他综合收益的来源
  • 申报残保金的时候有处罚决定书怎么办
  • 购销合同上没有金额,怎么写比较好
  • 母公司孙子公司
  • 劳动仲裁支付的补偿金计入什么科目
  • 财务报销单据粘贴视频
  • 可供分配的利润分配顺序
  • 内账税金如何做分录
  • 不偿还的其他应收款
  • 银行承兑汇票背面怎么填写
  • mysql挂了怎么排查
  • ubuntu20设置
  • bios如何设置
  • 苹果mac怎么复制文字
  • slserves.exe - slserves是什么进程
  • svchost进程可以结束吗
  • Linux系统配置要求
  • macbook内部
  • windows8鼠标没反应怎么办
  • 苹果电脑Mac系统版本所对应的数字
  • NDSTray.exe - NDSTray是什么进程 有什么用
  • win10粘滞键怎么解除
  • bootstrap按钮的风格有哪些?
  • 拼图java代码
  • unity ugu
  • JavaScript中setMonth()方法的使用详解
  • AndroidAnnotations框架Eclipse下的配置
  • javascript基础编程
  • asyncio使用
  • python的例子
  • 网上办税如何打印电子凭证
  • 国家税务局总局官网
  • 税务疑点核查报告
  • 锂电池税收优惠政策
  • 车位交易费用
  • 亿企代账和云账房哪个好用?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设