当前位置: 首页 > news >正文

云南网站建设一条龙长尾词在线挖掘

云南网站建设一条龙,长尾词在线挖掘,重庆网站建设咨询,陇南网站制作它们的功能非常相似,都是提供基本项目脚手架和开发服务器的构建工具。 主要区别 Vite在开发环境下基于浏览器原生ES6 Modules提供功能支持,在生产环境下基于Rollup打包; Vue Cli不区分环境,都是基于Webpack。 在生产环境下&…

它们的功能非常相似,都是提供基本项目脚手架和开发服务器的构建工具。

主要区别

Vite在开发环境下基于浏览器原生ES6 Modules提供功能支持,在生产环境下基于Rollup打包;
Vue Cli不区分环境,都是基于Webpack。

在生产环境下,两者都是基于源码文件的,Rollup和Webpack都是对代码进行处理,并提供浏览器页面所需要的HTML、JavaScript、CSS、图片等静态文件。

开发环境的不同:
Vue Cli在开发环境下也是基于对源码文件的转换,即利用Webpack对代码打包,结合webpack-dev-server提供静态资源服务。
Vite在开发环境下基于浏览器原生ES6 Modules,省掉了耗时的打包流程,无须对代码进行打包,直接让浏览器使用,才使得开发环境下的体验非常好。

Webpack与Rollup工具的优劣:

  • Webpack生态丰富,可以处理各种各样的资源依赖,以及代码拆分与合并。Rollup的插件生态较Webpack弱一些,但是也可以满足基本的日常开发需要,且不支持Code Splitting和热更新。

  • Rollup对ES6
    Modules的代码依赖方式天然支持,而对于类似CommonJS或UMD方式的依赖却无法可靠地处理;Webpack借助自己的__webpack_require_函数和Babel,对于各种类型的代码都支持得比较好。

  • Rollup会静态分析代码中的import,并将排除任何未实际使用的代码,即对Tree Shaking支持得很好;Webpack则从Webpack2版本开始支持Tree Shaking,且要求使用原生的import和export语法,并且是没有被Babel转换过的代码。

  • Rollup编译的代码可读性更好,没有过多的冗余代码;而Webpack则会插入很多__webpack_require__函数,影响代码的可读性。

哪个性能更好

通过主要区别的介绍,在开发环境下,Vite速度更快,体验性更好。生产环境下区别不大。
Vite不捆绑应用服务器端。 依赖于浏览器对ES6 Modules的原生支持,浏览器直接通过HTTP请求JavaScript模块,并且在运行时处理,而对于Sass、Vue文件等,则单独采用插件处理,并提供静态服务,利用浏览器高效处理,消耗更少的时间。
Vue Cli的Webpack的工作模式: 通过解析应用程序中的每一个JavaScript模块中的import或者require,借助各种loader将整个应用程序构建成一个基于JavaScript捆绑包,并针对不同的文件后缀名(Sass、Vue等)转换成对应的JavaScript文件。这都是在webpack-dev-server服务器端提前完成的,文件越多,依赖越复杂,则消耗的时间越多。

Vite与Vue Cli的优缺点对比:

Vite的优点Vite的缺点
开发环境速度快,体验好只针对ES6浏览器
支持Vue、React等脚手架不包括Vuex、Router等
Vue Cli的优点Vue Cli的缺点
构建配置项丰富,插件全,生态好开发环境慢,体验性差
可以和Vue2、Vue3结合只支持Vue
直接解析各种类型的代码依赖产生冗余代码较多

Vue Cli和Vite到底怎么选择?需要结合实际的业务场景来做选择。

http://www.zhongyajixie.com/news/8642.html

相关文章:

  • 三牛网站建设郑州专业网站建设公司
  • 做dna胎儿亲子鉴定网站免费独立站自建站网站
  • 西安网站开发高端网站开发网站seo具体怎么做
  • 淘宝优惠卷网站怎么做神秘网站
  • 高端网站哪种好推广普通话内容100字
  • 一家只做正品的网站软文营销平台
  • 中纪委网站两学一做 重拾自信什么叫友情链接
  • 企业网站建设费怎么账务处理现在比较好的营销平台
  • 外贸seo网站搭建新闻发稿
  • dede小说网站模板微信管理系统软件
  • 公司网站可以用个人备案吗企业网络营销策划方案
  • 宜昌网站建设兼职爱站网挖掘词
  • 网站建设与管理岗位网络营销策划论文
  • 四川网站建设外包业务长沙网站开发制作
  • 网站文章更新要求手机网站排名优化软件
  • 吕子乔做网站吹的语录建设网站流程
  • 外国人做外贸都会浏览哪些网站电商网络营销
  • 在家用电脑做网站新闻热点事件2021(最新)
  • 淘宝客怎么建设自己网站十大网络营销经典案例
  • 怎么建网站宁阳网站seo推广
  • 盘锦网站制作网页设计实训报告
  • 怎么能自己做网站市场调研报告范文模板
  • 公众号推文制作网站seo免费视频教程
  • 做哪些网站不受法律保护晨阳seo服务
  • 网站建设需求原型媒体:多地新增感染趋势回落
  • 网站开发点击滚动图片网域名解析ip查询
  • 昆山网站建设 技术支持 力得网络西地那非能提高硬度吗
  • 六安城市网怎么样搜索引擎优化seo专员招聘
  • erp系统软件免费版安卓系统最好优化软件
  • 自己在线制作logo免费头像百度关键词优化手段