大家好,我是大帅子,最近好多人私信我,要我出一期vue的打包上线的文章,那么今天他来了,废话不多说,我们直接开始吧,我们顺便给大家提一下vue项目中的优化
项目打包
1. 打开终端
直接在终端输入 我把npm
跟 yarn
的打包命令都放在这里了,yarn 不会安装跟使用的兄弟们, 我之前的文章里面有 , yarn的安装以及使用
npm runbuild|
yarnbuild
打包完成
2. dist
1.此时我们的目录就会多一个dist
的根目录,但是我们此时去打开我们的index.html
,就会发现项目出不来,并且我们的项目有一堆爆红
2.这下我们的控制台就会报错,仔细看是我们文件的路径报的错,因为我们在网络请求的时候我们没有src这个文件又何来 ./
@/
一说呢3.我们此时要来到 vue.config.js
文件夹 ,要修改一下文件的路径module.exports = defineConfig({publicPath: './'})
4.我们此时再重复第一步的操作,重新打包 , 等到打包完成
3. 上线
1.这时我们以码云为例,例如我们的项目需要上线,我们就借用码云的服务器
- 1.我们要把我们所有的代码提交到码云的仓库 ,顺便带大家复习一下
git add . git commit -m "feat:打包上线"git push
*