vite build-程序员宅基地

技术标签: 前端框架  vite  

vite在开发阶段采用的是按需加载的方式,不会将所有文件打包。但是生产环境的部署是需要进行打包的,这里它使用的是rollup打包方式。
对于代码切割的需求,使用原生动态导入,因此打包后支持新浏览器,对IE的兼容性不是很好,但是可以用对应的polyfill解决。
使用esbuild来处理需要pre-undle的

  1. 在cli.ts的build命令中引入build.ts
  2. 调用doBuild方法,在这个方法中配置打包参数(input output plugin等)
  3. 调用buildHtmlPlugin解析文件入口index.html,执行其他的一些plugin
  4. 调用rollup.watch()创建watcher来监听文件变化
  5. 调用rollup.rollup() bundle.generate()生成打包文件
  6. 清空原始文件并将新的打包文件写入对应目录
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_39623518/article/details/120763777

智能推荐

读取csv(excel类相关文件)常见bug,及解决办法统计__csv.error: line contains nul-程序员宅基地

文章浏览阅读2.5k次,点赞2次,收藏2次。bug1:UnicodeDecodeError: ‘gbk’ codec can’t decode byte 0xb1 in position 5: illegal multibyte sequence解决办法1:上面报错的意思就是,默认以gbk的方式读取数据,但是文本数据是utf-8类型的,这是需要用到另一个参数encoding,也就是把它编码成与文本一样类型的格式,下面的代码encoding="utf-8"就是要修改的地方,如果不写编码格式,默认是encoding="gbk"的#open(“.__csv.error: line contains nul

黄淮学院和安阳工学院计算机,喜讯!河南新添六所一本院校:安阳工学院在列,还有一所民办高校...-程序员宅基地

文章浏览阅读204次。创作者:芝麻侃教育众所周知,河南省是当之无愧的高考大省:考生超过了百万,高校超过了百所。然而遗憾的是,除了一流大学建设高校郑州大学和一流学科建设高校河南大学之外,河南省没有几所可以“拿得出手”的重点院校。不过俗话说得好:“知耻而后勇”。虽然河南省属院校的整体实力并不是很强,但是发展速度很快:郑州大学和河南大学双双入围双一流,河南科技大学、河南理工大学、河南师范大学以及河南农业大学等九所院校获重点支..._黄淮学院和安阳工学院电子科哪个好

最近网络上很多都在聊自动阅读,今天我们好好说说自动阅读到底怎么样-程序员宅基地

文章浏览阅读1.2w次,点赞5次,收藏9次。一、首先要先看自身适不适合做阅读。能不能做首先要先看你手上有没有资源,什么资源?人!为什么这么说?真正想做阅读的人,他首先碰到最棘手的事就是,我想搞100台机子,一台机子就要1个微信,那我就要准备100个微信可以给我用,这么多,天呐,要哪里来?还有流量问题要怎么处理?绑定头条的手机号又要去哪里找?没错,在你还没接触阅读之前,如果你解决不了这些问题。如果你又省不得从市面上用昂贵的价格收购的话,那么我可以非常清楚的告诉你!你放弃吧!并不是每个人都适合做阅读。那么这样的问题该如何解决呢?方案一(此针对有资_自动阅读

springboot设置默认值_如何设置Spring Boot中@RequestBody反序列化实体的默认值?-程序员宅基地

文章浏览阅读6.5k次。可以的在web程序开发中,前端和服务器数据的传输方式常用的有两种,一种是以表单的形式提交,此时可以利用jquery的serialize()方法将表单内容转为a=1&b=2&c=3&d=4&e=5这样的格式传输过去,接收端则可以用javabean直接接收。还有一种方式是以json格式传输,接收时若直接用bean接收则接收不到,此时应该用@RequestBody方式,需..._@requestbody 默认值

QT 开发COM(ActiveX)组件基础介绍和方案验证

在创建组件对象时,客户程序调用COM库中的函数进行组件对象的创建工作,COM库的创建函数根据注册表的信息并调用组件程序的入口函数来创建组件对象。COM 既提供了组件之间进行交互的规范,也提供了实现交互的环境,因为组件对象之间交互的规范不依赖于任何特定的语言,所以,COM也可以是不同语言协作开发的一种标准。当另外的组件或者普通程序(即组件的客户程序)调用组件的功能时,它首先创建一个COM对象或者通过其他途径获得COM对象,然后通过该对象所实现的COM接口调用它所提供的服务。

【渝粤教育】广东开放大学 现代企业管理 形成性考核 (51)_下列说法错误的是 选择一项: a. 定量订货方式适合于品种数目少但占用资金大的b类-程序员宅基地

文章浏览阅读7.2k次。选择题题目:技术装备程度低、用人多、产品成本中活劳动消耗比重大的企业,属于() 企业。题目:市场渗透战略是由企业现有产品和( )结合而成的战略.题目:某牙膏厂原来只生产两面针药物牙膏,现在又增加牙刷生产,这属于( )。题目:在波士顿矩阵法中,( )类象限是指那些相对市场占有率较高和市场增长率较低的经营单位题目:以下哪种不是宏观环境分析考虑的因素( )题目:在《竞争战略》一书中提出了著名的五种竞争力量模型.题目:事业部制的缺点是与统一指挥原则相矛盾,容易产生职责不清的现象_下列说法错误的是 选择一项: a. 定量订货方式适合于品种数目少但占用资金大的b类

随便推点

Android -- 每日一问:介绍一下你经常浏览的 Android 技术网站_android 英文技术网站-程序员宅基地

文章浏览阅读1.3k次。每日一问:介绍一下你经常浏览的 Android 技术网站_android 英文技术网站

文本推理_CVPR 2020 | 细粒度文本视频跨模态检索-程序员宅基地

文章浏览阅读826次。本文介绍的是CVPR 2020的论文《Fine-grained Video-Text Retrieval with Hierarchical Graph Reasoning》(已开源),文章作者是中国人民大学博士生陈师哲同学,这项工作是陈师哲同学在澳大利亚阿德莱德大学吴琦老师组访问时所完成。作者|陈师哲编辑 | 贾 伟论文链接:http://arxiv.org/abs/2003...._细粒度跨模态检索

c#语言开发app,C#开发Android App--03--创建第一个app--Hello World-程序员宅基地

文章浏览阅读9.3k次,点赞8次,收藏39次。知识点:第一个app,显示Helloworld一、创建一个空项目创建项目启动 Visual Studio。单击“文件”>“新建”>“项目”以创建新项目 。在“新建项目” 对话框中,单击“Android 应用” 模板。将新项目命名为Hello(Phoneword是微软示例,本人太懒,不改了),然后单击“确定” : 在“新 Android 应用” 对话框中,依次单击“BlankA..._c#开发app

探索Camera2Demo:一款深入理解Android Camera2 API的开源示例项目-程序员宅基地

文章浏览阅读267次,点赞5次,收藏9次。探索Camera2Demo:一款深入理解Android Camera2 API的开源示例项目项目地址:https://gitcode.com/wangshengyang1996/Camera2Demo项目简介Camera2Demo 是一个由wangshengyang1996开发并维护的Android应用示例,旨在帮助开发者更好地理解和使用Android的Camera2 API。该项目通过提供..._android camera2 demo

iOS10 适配、Xcode8配置总结①-程序员宅基地

文章浏览阅读121次。2019独角兽企业重金招聘Python工程师标准>>> ...

微信API证书过期,获取API证书_微信 apiv3证书 过期-程序员宅基地

文章浏览阅读10w+次。在做微信如:(退款、企业红包、企业付款)提现这些操作的时候,微信返回(具体哪个字段我忘记了)的信息是:证书过期,那么就需要重新获取证书,证书的获取前提条件:1:你需要有微信商户平台的商户号(类似电话号码的数字),和商户名称(比如公司名称)2:按照官方说明文档进行相应操作即可(按照这个做就行了)http://kf.qq.com/faq/161222NneAJf161222U7fARv.h..._微信 apiv3证书 过期

推荐文章

热门文章

相关标签