vue - vue3与vue2.x的区别(一) :目录结构不一致

本文介绍了Vue3与Vue2.x在目录结构上的不同,特别是Vue3中缺少了build和config文件夹,static变为public。这种变化导致打包后可能出现白屏问题。为解决白屏现象,文章详细说明了在Vue2.x中通过修改config.js的assetsPublicPath,而在Vue3中则需创建vue.config.js并设置publicPath的方法。
摘要由CSDN通过智能技术生成

  今天总结一下vue3与vue2.x的区别 —— 目录结构不一致。由于目录结构的不一致相对的也造成了一些问题的存在,比如打包项目之后打开出现白屏现象。

一、目录结构不一致

在这里插入图片描述
  通过上图可以发现 vue3 的目录结构跟 vue2.x 还是有很大的区别的,特别明显可以看出 vue3 是没有 build 和 config 这两个配置文件夹的,然后 static文件夹 在vue3 变成了 public文件夹,它们同样都是用于存放静态文件;需要使用到config.js文件设置代理配置等需求时,我们需要在目录的最外层新建一个 vue.config.js 文件进行设置,里面的内容按需设置即可,例如:在这里插入图片描述

const path = require('path')
module.exports 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值