Vue CLI 3.0正式发布,带来多项重大更新
极客时间编辑部
讲述:丁婵大小:1.32M时长:02:53
近日,Vue 的作者尤雨溪在 Medium 上宣布正式发布 Vue CLI 3.0,它将为很多开发者带来期待已久的新特性。
据介绍,Vue CLI 3.0 与其他的版本完全不同,它经历了重构,目的是尽可能减少现代前端工具在配置上的烦恼,另外还要尽可能地在工具链中加入最佳实践,并让其成为 Vue 应用程序的默认实践。
Vue CLI 的核心目标是为基于 webpack 4 构建的预配置提供构建设置,目标是最大限度地减少开发人员配置的次数,因此,Vue CLI 3 对具有以下特点的项目都支持开箱即用:
预配置 webpack 功能,如模块热替换、代码拆分、摇树优化(tree-shaking)、高效持久化缓存等;
通过 Babel 插件(Babel 7 + preset-env)对 ES2017 进行转换;
支持 PostCSS(默认启用 autoprefixer)和所有主要的 CSS 预处理器;
Modern mode:并行发布原生 ES2017 +bundle 和传统 bundle;
多页面模式:构建具有多个 HTML / JS 入口点的应用程序;
构建目标:将 Vue 单文件组件构建成为库或原生 Web 组件。
据悉,在利用 Vue CLI 3 构建项目时,它会安装 Vue CLI 运行时服务选择功能插件,生成必要的配置文件,也就是说,开发者只需要专注于代码就可以。
尤雨溪认为,以低级别形式访问 configs 具有很重要的意义,但是他不想抛弃那些“eject”的用户,所以他找出了一种无需 eject 的配置方法。
对于 Babel、TypeScript 和 PostCSS 等第三方集成来说,Vue CLI 会尊重这些工具的配置文件。webpack 用户可以使用 webpack-merge 将简单的对象合并到最终配置中,或通过 webpack-chain 进行精确定位和调整现有的加载器和插件。
此外,Vue CLI 附带了 vue inspect 命令,可以帮助开发者检查内部 Webpack 配置。这样做最大的好处是,只需要微小的调整,而不需要 eject,就可以升级 CLI service 和插件进行修复或更新。
尤雨溪表示,Vue CLI 3 现在可以作为 Vue 应用程序的标准构建工具,但是这仅仅是个开始,它的长期目标是将当前和未来的最佳实践融入工具链中,最终为用户提供高性能的应用程序。
公开
同步至部落
取消
完成
0/2000
荧光笔
直线
曲线
笔记
复制
AI
- 深入了解
- 翻译
- 解释
- 总结
该免费文章来自《极客视点》,如需阅读全部文章,
请先领取课程
请先领取课程
免费领取
© 版权归极客邦科技所有,未经许可不得传播售卖。 页面已增加防盗追踪,如有侵权极客邦将依法追究其法律责任。
登录 后留言
精选留言
由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论