位置: 编程技术 - 正文

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

  • 塑料制品开票税率
  • 什么是增值税留底退税
  • 税务机关的义务是依法征管
  • 存货盘盈如何处理
  • 红字发票开错了已上传如何作废
  • 必胜客发票提取码在小票哪里
  • 股东以外的人投资怎么做账
  • 融资融券与普通证券交易的区别体现在
  • 营改增对小规模的影响
  • 应收银行存款利息怎么算
  • 期间费用年末有余额吗
  • 发微信验证消息
  • 老板请员工吃饭唯独没叫你是什么意思
  • 采购发票几个点的税
  • 2021年2月适合公司开业的日子
  • 工资3500该不该辞职
  • 成本票和专票区别
  • 非居民企业从居民企业取得分红
  • 关于增值税若干问题的探讨
  • 马克龙成就
  • 居间合同怎么签才算有效
  • 民间非营利组织财务报表
  • 收到投资者投入设备一台,价值100000元
  • 企业没有进项票只有成本票
  • 会计制度备案成本核算方法一般选择哪个
  • 新版edge浏览器兼容模式怎么设置
  • 无生产怎样结转成本费用
  • php正则匹配字符串
  • wordpress如何使用
  • php删除数据库数据代码
  • 给员工支付的房租费计入哪里?
  • 研发费用加计扣除是什么意思啊
  • 付不出去的应付账款如何写说明书
  • 公司暂估成本是什么意思
  • php-xml
  • 实收资本明细账模板
  • 资产负债表项目填列的依据是
  • grid-column
  • php php
  • 本地住宿费怎么做账
  • 发票备注栏填写样板
  • 原版小说推荐
  • c语言asc函数
  • windows7怎么操作
  • 认缴制注册资金不交可以吗
  • 境外公司汇款给个人要交税吗
  • 酌量性固定成本是指
  • 公司注册流程百度百科
  • 汽车租赁费怎么赋码
  • 收到联营企业分红怎么做
  • 非公司员工可以报销差旅费吗
  • 母公司子公司下面的子公司怎么称呼
  • 房地产项目完工清算报告
  • 增值税专用发票的税率是多少啊
  • 销售收入打折后怎么做账
  • 一次开票分期确认收入
  • 投资收益的会计科目
  • 增值税销项税率是多少
  • 独立核算 单独核算
  • 采购未取得发票怎么结转成本
  • 购方收到红字发票怎么开
  • 需要安装的固定资产有哪些
  • sql Set IDENTITY_INSERT的用法
  • 常用的sql语句有哪些
  • 桌面任务栏消失怎么办
  • 怎么提升win7性能
  • 如何在linux系统中卸载一个已装载的文件系统
  • 随机色彩
  • Unity3D游戏开发pdf
  • css ie8
  • pycharm怎么学
  • java中关联关系
  • 静态类 java
  • 纪检委是干什么工作的能管理税务管理局吗
  • 长沙税务局几点上班下午
  • 深圳市电价价目表详解
  • 河南省国家税务局官网
  • 餐饮发票怎么看真假
  • 没工作个人所得税怎么交
  • 商品房开超市
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设