飘刃 0.1.1 发布,速度碾压 Vue-CLI 的轻量级 Vue 项目构建工具

本文对比了飘刃与Vue-CLI在小型Vue项目开发中的表现,从安装时间、支持编码、创建项目流程、启动时间、热更新响应、打包时间和静态资源处理等方面进行了详细比较。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

更新内容:

  • 添加热更新选项,只支持更新 style 或 reload 刷新页面两种方式
  • 更新文档,添加和 vue-cli 的对比

飘刃 VS Vue-CLI:

对比环境 华为荣耀 MagicBook Windows 10 家庭版 i5 8G 64位 联通4G热点 30多个组件的小型 Vue 项目

 飘刃Vue-CLI
工具版本piaoren@0.1.1@vue/cli@3.6.3
依赖包数487689
安装命令npm i -g piaorennpm i -g @vue/cli
安装时间18s1m 42s
支持编码Pug Sass ES6+Pug Sass Less Stylus ES6+ TypeScript
创建项目pr1 init 只需要填项目名称vue create/vue init 需要填选多项
启动命令pr1 startvue serve
启动时间2s 与项目内容多少无关6.8s 项目内容多少决定
热更响应支持更新 css 和刷新页面
两种方式,不支持 js 更新
更新 js 需要刷新页面
响应速度 立即
支持 css 和 js 更新,vue 组件更新
有点鸡肋,很大概率需要手动更新
才能看到预期效果,每次变化都需
要编译,响应速度 稍慢
打包工具RollupWebpack
打包时间5s 项目内容多少决定10s 项目内容多少决定
静态资源所有资源路径在任何地方
都固定相对于入口文件
少于4k的图片会被转为 base64
保存在css文件里
多页应用无需配置需要配置 pages
插件支持Rollup 插件规范Webpack 插件规范
单元测试暂不支持可选
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值