zoukankan      html  css  js  c++  java
  • @vue/cli 跟 vue-cli 相比,@vue/cli 的优势在哪?

    一、Vue CLi的初衷

    Vue-cli: 开箱即用,但强制性强,需要按照它的规则进行

    Vue CLI:开箱即用,简单易用

    二、为什么要对 Vue-cli 进行修改

    旧版本的 Vue-cli 本质上只是从 GitHub 拉取模版,它就像一个模版拷贝器, 这样的拉取模版的方式有几个问题

    1、单个模版之间相互依赖,耦合性太高,无法实现共享功能和互相迁移,使得模版本身变得及其复杂和难以维护

    2.  webpack 配置和构建包含在仓库内,如 webpack 被改动,则会影响其他关联的插件

    三、解决Vue-cli问题:

    1. 依赖 vue-service:

    CLI3 将Webpack的配置和逻辑全部封装在依赖中,同时允许用户通过 Vue.config.js 配置进行修改 Webpack,

    好处是:CLI 3 更新后,并不会影响到其他插件,此时我们只需要专注与功能,底层的配置只需要交给 Vue 团队去进行维护即可。

    2. 插件化:

       CLI3 通过插件的形式去支持多个不同的功能,一个插件对应一个功能,比如(router, TS, Test), 这样避免了多个模版,使得 CLi 自身的可维护性得到提升,同时支持第三方插件。

    四、总结:

      VueCLI React
    快速原型开发 支持 -
    全局模式 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 -
    插件 支持,提供可选功能的 npm 包 -
    扩展性

    可以通过插件进行扩展

    强约定, 无法配置 webpack,可以 eject
    适用范围 通过扩展可以支持任意前端框架 针对 React 开发,不支持其他框架
    编译速度 cache-loader,thread-loader 来加速 JS 和 TS 编译 babel-loader 开启了 cache
    可升级性 依赖 (@vue/cli-service),该依赖可升级,升级后,webpack会跟随着升级 支持
    多页面 支持 -
    GUI

    支持,一套完全图形化的创建和管理 Vue.js 项目的用户界面。

    -

    五、参考 VueCLI 的文档

    六、文献:

    1. Vue作者尤雨溪:Vue CLI 3.0重构的原因

    2. 为什么使用vue-cli脚手架?vue-cli3.0的优势在哪里?

  • 相关阅读:
    信息收集与扫描
    流密码
    信息安全面临的威胁
    .net core Web应用启动类
    .net core 1.0 Web MVC 自定义认证过程
    彻底脱离循环与结束当下循环
    Java多线程:Thread中的实例方法
    memcached安装问题
    五月的仓颉
    json时间格式化方法
  • 原文地址:https://www.cnblogs.com/gqx-html/p/14663133.html
Copyright © 2011-2022 走看看