vue-cli@2.x项目升级日志

最新推荐文章于 2022-12-29 17:41:49 发布
最新推荐文章于 2022-12-29 17:41:49 发布
阅读量1.4k 收藏
点赞数
分类专栏： 前端 vue 你不知道的 Vue.js 文章标签： vue vue-cli
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/GreekMrzzJ/article/details/91953888
版权
这篇博客记录了Vue CLI 2.x项目升级到4.x的过程，包括项目结构的变化和配置迁移。重点介绍了`public`目录取代`static`，`vue.config.js`配置调整，尤其是`assetsPublicPath`属性更改为`publicPath`，以及`src/assets`目录的处理。同时提到了升级过程中可能出现的问题，如Vue版本不匹配导致的webpack配置问题。
摘要由CSDN通过智能技术生成

vue-cli@2.x项目升级日志

虽然 vue-cli@3 早就已经巨普及了，新项目应该已经很少有人还有使用 vue-cli@2.x 。 但是对于一些稍微早些时候的 vue 项目，如果当时没有做一些优化、配置，随着 webpack vue 等包的升级，有一些配置已经不一样了，并且关于 vue-cli@2.x 项目的文档、博客也越来越少，如果遇到问题也许也会有麻烦，因此就想着把当前的 vue-cli@2.x 项目原地升级配置。

项目结构

vue-cli@2.x 项目结构，其中红色圈出的部分是 2.x 版本才有的。

image

vue-cli@3.x 目录结构， 箭头指出的两个文件的作用几乎完全替代上面的 build , config 文件夹中的文件，以及根目录下的 postcss 和 babel 配置文件的作用。

image

迁移配置
    最低0.47元/天 解锁文章
    stu_yiliang
    关注
    专栏目录
    【Ant Design Vue的更新日志】
    2301_81357485的博客
    07-29 394
    添加了全新的Calendar组件，用于日期和时间的选择和展示。添加了全新的Collapse组件，用于折叠面板的展示和操作。优化了Select组件的搜索逻辑，提升了搜索速度和准确度。对Button组件进行了优化，提升了组件的性能和渲染效果。对Form组件进行了优化，提升了表单的操作和校验功能。优化了Input组件的样式和交互方式，提升了用户体验。修复了多个已知的bug，提升了组件的稳定性和可靠性。修复了多个已知的bug，提升了组件的稳定性和可靠性。修复了多个已知的bug，提升了组件的稳定性和可靠性。
    将vuecli2项目升级webpack4项目模板
    08-09
    由于 vue-cli 2 构建的项目是基于 webpack3，所以只能自己动手改动，至于升级 webpack4之后提升的编译速度以及各种插件自己去体验。
    vue-cli@2.x项目迁移日志
    weixin_33859231的博客
    06-05 306
    vue-cli@2.x项目迁移日志 虽然 vue-cli@3 早就已经巨普及了，新项目应该已经很少有人还有使用 vue-cli@2.x 。 但是对于一些稍微早些时候的 vue 项目，如果当时没有做一些优化、配置，随着 webpack vue 等包的升级，有一些配置已经不一样了，并且关于 vue-cli@2.x 项目的文档、博客也越来越少，如果遇到问题也许也会有麻烦，因此就想着把当前的 vue-cl...
    Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
    asing1elife's blog
    01-11 2621
    介绍如何将使用 Vue CLI 2 构建的项目升级到 Vue CLI 4 更多精彩 更多技术博客，请移步 IT人才终生实训与职业进阶平台 - 实训在线 相关网址 介绍 - Vue CLI 配置参考 - Vue CLI 升级细则 实际升级起来还算比较方便，基本不会影响项目内部的逻辑 安装 Vue CLI 4 按照官方文档 安装 - Vue CLI 直接全局安装即可，之后查看 Vue...
    vue之vue-cli2.x升级为vue-cli3.x后构建项目
    杨丫丫的专栏
    08-16 3838
    具体步骤如下： 1.vue-cli2.x.x 版本卸载 npm uninstall -g vue-cli 2.vue-cli3.x.x 版本安装 npm install -g @vue/cli 注意：3.0 级以上版本 Vue CLI 的包名称由 vue-cli 改成了 @vue/cli 3.检测vue版本（注意：-V, “V”大写） vue -V 4.构建项目（注意：“vuepr...
    Vue2.x 官网学习笔记(全网最全，持续更新)
    书中自有妍如玉的博客
    10-31 1285
    如有不足，广大博友查漏补缺...
    详解vue-cli@2.x项目迁移日志
    10-16
    1. **vue-cli@2.x项目迁移日志的必要性**： - 虽然vue-cli@3已经非常普及，新项目建议直接使用vue-cli@3。但是，对于那些稍旧一些的vue-cli@2.x项目，随着依赖包如webpack和vue等的升级，项目配置可能发生变化，这...
    vue-cle3项目运行报错sockjs-node-info解决方案.docx
    10-26
    在将vue项目的脚手架工具从vue-cli2.x升级到vue-cli3.x之后，除了面临环境与配置的问题之外，还出现了新的运行时错误。具体来说，在内网环境中尝试运行项目时，控制台显示了以下错误信息： ``` get ...
    vue-cli 3.x中的开发调试技巧与工具
    Vue-cli 3.x是一个基于Vue.js的脚手架工具，用于快速搭建Vue项目的开发环境。它提供了一套标准化的项目结构和开发工具，可以帮助开发者更轻松地构建Vue应用。 Vue-cli 3.x通过命令行工具和插件系统，提供了一些常用...
    将webpack的vue项目整改为vue-cli
    weixin_45466389的博客
    05-10 1199
    如何将webpack配置webpack.base.js+webpack.dev.js+webpack.prod.js合并到vue.config.js plugins 在webpack中 module.exports = { ... plugins:[ new ...() // 插件 ] } 在vue.config.js中 分两种情况，这个插件vue-cli有没有内置，如果没有，写在configureWebpack中 configureWebpack: config=>{
    Vue CLI包更新（1.x、2.x升级3.x）
    wxqqq666的博客
    10-09 350
    注意：Vue CLI在npm上的包名称已经有2.x的vue-cli变为@vue/cli step1 卸载旧版本（若已安装1.x或2.x） npm uninstall vue-cli -g step2 全局安装最新的包 npm install -g @vue/cli cnpm install -g @vue/cli //淘宝npm镜像 PS 查看当前vue版本 vue -V OR vue -...
    全局安装Vue cli3如何继续使用 Vue-cli2.x
    xiasohuai的博客
    02-03 1189
    Vue CLI 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能，你可以全局安装一个桥接工具： npm install -g @vue/cli-init //安装完后 就还可以使用 vue init 命令 vue init webpack my_project  ...
    Vue Cil配置过程
    半度纳的博客
    07-11 557
    安装Node.js :● 为了使用npm，首先需要下载Node.js安装包，下载地址可参考： – https://nodejs.org/dist/v16.14.2/node-v16.14.2-x64.msi – https://mirrors.nju.edu.cn/nodejs/latest-v16.x/node-v16.14.2-x64.msi – https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node- v16.14.2-x64
    vue-cli -- build时自动清除console.log输出日志（Vue项目上线优化 一）
    qq_45516629的博客
    04-18 2010
    常用第一种方法 一、第一种方法 1、安装 babel-plugin-transform-remove-console npm install babel-plugin-transform-remove-console --save-dev 2、修改 babel.config.js 文件 let transformRemoveConsolePlugin = [] if (process...
    Vue学习日记24
    NLP工程化
    01-10 405
    1.webpack-chain 解析：应用一个链式API来生成和简化2-4版本的webpack的配置的修改。webpack-chain尝试通过提供可链式或顺流式的API创建和修改webpack配置。API的Key部分可以由用户指定的名称引用，这有助于跨项目修改配置方式的标准化。可通过npm方式进行安装：npm install --save-dev webpack-chain。 2.vue-cli-...
    vue项目cli2 升级 cli3
    最新发布
    生如夏花S的博客
    12-29 2958
    由于vue-cli2 版本太低，升级到vue-cli3采用的方法是新建cli3项目，对比差异，在cli2项目单独升级。
    Vue从入门到精通——第一章 Vue核心
    m0_63853448的博客
    08-31 1075
    1.Vue简介2.搭建Vue开发环境3.Hello小案例4.Vue模板语法5.Vue数据绑定6.data与el的两种写法7.MVVM模型8. 事件处理9.计算属性10.监视属性11.class 与 style 绑定12.条件渲染13.列表渲染14.Vue检测数据的原理15.收集表单数据16.过滤器17.内置指令18.自定义指令19.生命周期
    vue自定义Log级别，用于调试与生产使用
    只因有你，在路上。。。
    03-13 3228
    通过封装自定义日志等级，在不同环境展示不同信息。 import { Toast } from 'mint-ui' import config from '@/config' /** * 1:ALL * 2:DEBUG * 3:INFO * 4:WARN * 5:ERROR 错误日志 * 6:DEAL 需要处理 * 7:FATAL 系统严重错误 * @param param...
    vue-cli@2.x项目升级指南：从结构到配置详解
    本文档详细记录了将现有的vue-cli@2.x项目迁移到vue-cli@3.x版本的过程。随着vue-cli@3的广泛采用，对于仍停留在2.x版本的旧项目，由于webpack、Vue等技术栈的更新，原有的配置可能不再适用，且官方文档支持减少，...
    评论
    添加红包

    请填写红包祝福语或标题

    个

    红包个数最小为10个

    元

    红包金额最低5元

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

    抵扣说明：

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

    余额充值