位置: 编程技术 - 正文

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

  • 什么是抄税清卡业务
  • 收到股东投资款怎么做账
  • 发票冲红重开,重开时是按新税率还是旧税率
  • 增值税专用发票几个点
  • 开仓库需要营业执照吗
  • 包装物押金是含税价格吗
  • 机器设备如何计提折旧
  • 工程物资与原材料的区别与联系
  • 出口供货企业
  • 高管培训费不能税前列支
  • 划拨土地使用权出租
  • 个体工商户库存商品入账
  • 一般纳税人开具房屋租赁费税率
  • 建安企业劳务成本怎么入账
  • 高新技术企业退税比例是多少
  • 季度弥补以前年度亏损报表怎么填
  • 小规模纳税人少计提的工资怎么办
  • 支票能够拿来付款吗
  • 契税纳税义务发生时间税屋
  • 生产领用产成品验证会计分录
  • 定向增发是什么融资方式
  • windows11怎么快速截屏
  • 鸿蒙系统怎样开启5G
  • iphone如何录音转文字
  • 司机公里补助用不用交个税
  • php 字符串函数
  • PHP:oci_client_version()的用法_Oracle函数
  • 进项发票认证操作
  • 提示内存不足
  • ipad3性价比
  • 多开发票可以作废吗?
  • laravel insert ignore
  • 金融负债期末可以转出吗
  • 收到现金货款存入银行会计分录
  • 学摄影要交学费吗
  • web前后端连接
  • 资产总额怎么计算公式
  • 出差补贴应该怎么入账
  • 实发工资知道如何发放吗
  • 接受捐赠收入要交企业所得税吗
  • 企业的职工福利费应当按照应付工资总额的14%计提
  • java printing
  • 代理付银行手续费合法吗
  • 国库集中支付发送签收失败
  • 帝国cms如何做网站
  • 营业税减免会计分录
  • db2 insert timestamp
  • 税控服务费属于增值税减免费?
  • 在创业板上市公司首次公开发行股票的条件
  • 事业单位劳务派遣工能长期干下去吗
  • 一般纳税人只有销项没有进项
  • 一般纳税人存货成本包括增值税吗为什么
  • 进口关税税款的计税依据
  • 公司返聘退休人员的员工比例有没有规定
  • 母公司与子公司关系
  • 报销单扣除金额什么意思
  • 帮客户支付的机票计入什么科目
  • win7 bug
  • vs2015无法启动程序exe
  • mac怎么打开访达功能
  • Win7系统不小心将TCP/IP协议卸载如何重新安装?
  • Win10 Mobile/WP8.1优秀专业摄影应用OneShot本周再次更新:修复Bug和优化性能
  • windows8使用教程
  • linux最常用的shell终端是
  • 如何把网址设为常用网址
  • win10开始菜单样式
  • windows7怎么给电脑加密码
  • opengl基础知识
  • android内存优化 简书
  • unity3D游戏开发
  • c#怎么使用opencv
  • jquery+ajax实现省市区三级联动效果简单示例
  • python进行aes解密
  • Node.js中的事件循环是什么样的
  • jquery 插件写法
  • Button.setOnClickListener(OnClickListener l) 原理
  • Javascript字符串出现次数
  • 税源管理科是干什么的
  • 车船税优惠政策2022年
  • 委托贷款的手续费
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设