一图抵千文:记录vue3的打包和发布

最新推荐文章于 2024-05-26 16:07:05 发布

小墨蛇

最新推荐文章于 2024-05-26 16:07:05 发布

阅读量632

点赞数

文章标签： nginx vue.js 运维

本文链接：https://blog.csdn.net/weiyi47/article/details/130309520

版权

记录vue3的打包和发布

1.vue项目的编写
2.vue打包只说需要的
3.上传到服务器
4. 浏览器访问
7. 总结

1.vue项目的编写

第一步肯定是先编写代码写完后在打包

2.vue打包只说需要的

因为vue3 不在有vue.config.js的文件了
所以自己创建
在这里插入图片描述

module.exports = {
   
    //项目的打包地址，默认放到根目录的dist文件中
    outputDir:'dist' ,
    //静态资源 css js ...
    assetsDir: 'static',  //相对于dist[outputDir] 里面的路径 dist/static
    //项目的部署地址
    publicPath: