写点什么

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:006227

评论

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

解React框架核心原理

夏天的味道123

React

自定义注解判断参数为空

派大星

人人能读懂redux原理剖析

夏天的味道123

React

前端必会手写题总结

helloworld1024fd

JavaScript

STM32 HAL库串口同时收发,接收卡死?

矜辰所致

串口 STM32L051 10月月更

推荐|海泰信创浏览器安全解决方案 全面适配安全可靠

电子信息发烧客

推荐|海泰政务移动办公系统密码应用解决方案 打造移动办公安全

电子信息发烧客

几个你必须知道的React错误实践

xiaofeng

React

React-hooks+TypeScript最佳实战

xiaofeng

React

【荣耀云调试FAQ】一个帐号可以同时使用多部手机吗?

荣耀开发者服务平台

开发者 手机 安卓 荣耀 honor

Gartner 权威解读: SBOM 采用率将于2025年达到60%

SEAL安全

DevSecOps Gartner SBOM 软件供应链安全

经常被问到的react-router实现原理详解

夏天的味道123

React

如何将 SAP Business Application Studio 里开发的 Java 应用部署到 SAP BTP 上

汪子熙

云原生 Cloud 云平台 SAP 10月月更

欧美开源法案频出,你准备好了吗?

安势信息

出海 #开源 SBOM 软件供应链安全 开源合规

保10万涨薪、保Offer、保大厂,1V1私教服务上线啦!

测吧(北京)科技有限公司

测试

redis实现分布式锁(一)

zarmnosaj

10月月更

保10万涨薪、保Offer、保大厂,1V1私教服务上线啦!

霍格沃兹测试开发学社

年度大促将至,企业如何进行性能压测

阿里巴巴云原生

阿里云 云原生 性能压测 PTS

安势清源SCA助力超大规模高科技企业加速开源风险治理

安势信息

开源 腾讯 SCA SBOM 软件供应链安全

2022年10月中国数据库排行榜:达梦冲刺IPO热度不减,PolarDB立足创新夺锦才

墨天轮

数据库 opengauss tdsql TiDB 国产数据库

JS继承有哪些,你能否手写其中一两种呢?

helloworld1024fd

JavaScript

redis实现分布式锁(二)

zarmnosaj

10月月更

长安链源码分析之网络模块 net-liquid(3)

如何掌握“看见数据”的魔力?

博文视点Broadview

5个技巧让CIO最大化提升IT项目投资回报率

雨果

CIO ROI

Kafka消费组/者协调器的介绍

石臻臻的杂货铺

Kafk 10月月更

利器| Cypress 强大全新的 Web UI 测试框架应用尝鲜

霍格沃兹测试开发学社

CentOS下搭建Gitea-自己的git服务器

麦洛

git Gitea

哪些数据类岗位不容易失业?

雨果

开发数据 数据科学 数据工程师

企业云安全的6个最佳实践

HummerCloud

10月月更

Kafka消费者客户端心跳请求

石臻臻的杂货铺

Kafk 10月月更

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