写点什么

Vue CLI 4 发布:自动化升级过程,支持自定义包管理器

  • 2019-12-28
  • 本文字数:980 字

    阅读完需:约 3 分钟

Vue CLI 4发布:自动化升级过程,支持自定义包管理器

Vue CLI团队最近把他们的命令行工具更新到了 4.0.0 版本。这一版本可以帮助开发者自动化升级过程,可以使用额外的包管理器,并可以更准确更有效移除 DOM 中多余的空格。


在 Vue CLI 3 中,“vue build”命令并不会基于 vue.config.js 的配置生成 manifest.json 文件。新版本加入了 pwa.manifestOptions 配置字段,可以根据配置对象生成 manifest.json 文件,不需要从项目公共文件夹拷贝这个文件了。这一变更为 Vue PWA 的配置管理提供了更为一致的接口。


在之前的版本中,为不同的模式运行 Vue 命令会生成不一样的目录布局。而在最新的版本中,为所有模式生成的目录布局都是一样的。


在 Vue CLI 4 中,开发者可以在 vue create 命令后面通过添加–packageManager [packagename]来指定不一样的 Node 包管理器。



要从 Vue CLI 3 升级到 4,需要执行 vue upgrade 命令。在版本 3 中,这个命令只会安装最新的 Vue CLI 插件。而在版本 4 中,Vue CLI 会运行升级插件,自动进行升级。


现在,在执行 vue upgrade 命令时,如果 CLI 发现当前代码库里有未提交的代码修改,它会与用户确认。



空格处理也在 Vue CLI4 中得到了改进。对于以下这个模板:


<p>  Welcome to <b>Vue.js</b> <i>world</i>.  Have fun!</p>
复制代码


在 Vue CLI 3 中,如果 preserveWhitespace 设置成 false 就会把这个模板编译成:


<p> Welcome to <b>Vue.js</b><i>world</i>. Have fun! </p>
复制代码


这样会出现不期望的结果:


Welcome to Vue.jsworld. Have fun!
复制代码


新版本的 CLI 为开发者提供了 whitespace: 'condense’选项来解决这个问题:


<p> Welcome to <b>Vue.js</b> <i>world</i>. Have fun! </p>
复制代码


输出结果正如我们期望的那样:


Welcome to Vue.js world. Have fun!
复制代码


新的 CLI 配置能够更准确更有效地移除多余的空格。


最新版的 Vue CLI 对底层的主要依赖进行了升级。除了 core-js-3、Nightwatch 1.x 和 Jest 24,Vue CLI 4 还加入了 Mocha 6、workbox-webpack-plugin,等等。


Vue CLI 4 的另一个改进是在应用插件的生成器时能够更好地处理异步操作。Vue CLI 4 支持生成器的异步函数。另外,新引入的 afterInvoke 和 afterAnyInvoke 钩子可以监听插件对另一个插件的调用。


要了解更多有关 Vue CLI 4 的信息,可以参考 Vue CLI升级指南


Vue CLI 基于 MIT 开源许可协议。开发者可以通过 GitHub 的vue-cli项目参与贡献,并遵循 Vue CLI贡献指南


原文链接


Vue.js CLI 4 Released


2019-12-28 09:006296

评论

发布
暂无评论
发现更多内容

Apache Flink 在移动云实时计算的实践

Apache Flink

大数据 flink 开源 编程 实时计算

注入语句详解(get注入,cookie注入,搜索型注入等)

喀拉峻

网络安全

性能测试中过滤异常的响应时间

FunTester

性能测试 HTTP 接口测试 响应时间 FunTester

数字化时代,银行如何建设管理小程序平台促进线上金融业务发展?

FinClip

小程序 银行

深入分析沙箱逃逸漏洞

网络安全学海

黑客 网络安全 信息安全 渗透测试 漏洞

Web 键盘输入法应用开发指南 (5) —— 实战技巧

天择

JavaScript 键盘 实战 输入法 3月月更

ZStack 与龙蜥操作系统完成兼容性认证,共同打造安全可信的云+OS技术生态

OpenAnolis小助手

云计算 开源 操作系统 云平台

45个 GIT 经典操作场景,专治不会合代码

程序员小富

git

web前端培训:js算法面试es6实现

@零度

JavaScript ES6

NFT卡牌盲盒游戏系统开发搭建

薇電13242772558

NFT

加入XTransfer,和技术大咖一起大展身手!

XTransfer技术

程序员 招聘 跨境支付

不联网的情况下,使用 electron-builder 快速打包全平台应用

编程三昧

Electron 3月月更 electron-builder

烂书!《气候经济与人类未来》

懒时小窝

烂书

你真的会 i++吗

爱笑的小雨

千万级学生管理系统的考试试卷存储方案

阿卷

架构实战营

Docker原理——数据包怎么发出去

kof11321

容器 原理 容器网络方案

别再用 Redis List 实现消息队列了,Stream 专为队列而生

CRMEB

大数据培训:Kafka存储结构及Log清理机制

@零度

大数据 kafka log

恒源云(Gpushare)_UNIRE:一种可以共享标签空间的方法

恒源云

OpenCV 计算机视觉 服务器

Android编译优化系列-kapt篇

字节跳动终端技术

android 字节跳动 编译优化 火山引擎 火山引擎MARS

编程术语的类比(一)

北极的大企鹅

思维转换 编程思想

java培训:多个线程同时访问一个类是否有问题方法

@零度

JAVA开发

深度剖析数仓CN增量备份技术

华为云开发者联盟

华为云 备份 GaussDB(DWS) 备份容灾 CN增量备份

推荐 10 本 Go 经典书籍,从入门到进阶(含下载方式)

AlwaysBeta

Go golang 编程语言 书单推荐 Go 语言

编程和英语,数学到底什么关系

北极的大企鹅

思维转换 编程思想

编程术语的类比(二)

北极的大企鹅

学习 思维转换 编程思想

OceanBase 推出全新品牌 slogan

OceanBase 数据库

数据库 oceanbase 品牌slogan

推荐学java——SpringMVC第一课

逆锋起笔

springmvc java框架 Spring Java 3月月更

教你3种Kafka的指定副本作为Leader的实现方式

华为云开发者联盟

Leader Kafk 副本 AR顺序

不会Netty,你永远是个Java菜鸟

博文视点Broadview

福昕软件与中国船级社签署框架合作协议,共建数字船舶发展新高地

联营汇聚

Vue CLI 4发布:自动化升级过程,支持自定义包管理器_大前端_Swanand Kadam_InfoQ精选文章