vue3项目生成tar压缩包

人生海海，山山而川，不过尔尔，释然

于 2024-05-13 15:40:28 发布

阅读量163

点赞数 1

文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/qq_38160881/article/details/138805893

版权

vue3项目打包生成的dist文件夹需要压缩成tar包，放到nginx目录下，在项目目录下执行

tar -zcvf dist.tar.gz dist

生成dist.tar.gz压缩包

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

人生海海，山山而川，不过尔尔，释然

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
vue3项目生成tar压缩包

vue3项目打包生成的dist文件夹需要压缩成tar包，放到nginx目录下，在项目目录下执行。生成dist.tar.gz压缩包。
复制链接

扫一扫

vue3 打包并压缩zip

qq_42356790的博客

07-21

1557

简单记录 vue3打包并压缩zip配置记录首先安装npm install filemanager-webpack-plugin --dev 如果出现问题可使用老版本试试npm i filemanager-webpack-plugin@2.0.5 压缩filemanager-webpack-plugin文档：https://www.npmjs.com/package/filemanager-webpack-plugin/v/3.1.0 const FileManagerPlugin = require("f

前端2.0.5.tar.gz

最新发布

06-22

综上所述，"前端2.0.5.tar.gz"压缩包代表了一个基于Vue.js和uni-app框架的前端项目，包含了项目运行所需的全部资源，从页面结构、样式到逻辑控制，以及项目管理和配置信息。通过解压并运行，开发者可以查看、编辑和...

参与评论您还未登录，请先登录后发表或查看评论

Linux系统快速部署前后端分离项目(Vue&Java)

03-23

本文帮助新手理解快速部署前后端分离服务。包含xshell和xftp的安装，Linux安装mysql、redis、Nginx、如何部署项目如何创建虚拟机/购买服务器/解析域名/安装环境/Linux命令等不是本文侧重点点,有需求请自行网上查阅资料。

使用7-Zip压缩工具打包.tar.gz文件

曉儂

07-09

4476

选择要打包的文件 1、右键———7-zip——添加到压缩包 2、压缩格式选择“tar”——“确定” 3、选择以打包好的".tar" 3.1、右键———7-zip——添加到压缩包 3.2、压缩格式选择"gzip"

前端解压.tar文件

weixin_43900929的博客

12-20

743

js-untar-demo - CodeSandbox

Vue webpack 项目自动打包压缩成zip文件的方法

10-16

主要介绍了Vue -- webpack 项目自动打包压缩成zip文件的方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下

Vue项目一键打包

weixin_45333132的博客

06-14

760

前端vue项目总是要手动打包，累。于是写了一个批处理简化这个过程。红色部分为项目本地地址，下面还有压缩软件安装地址，需要自己修改，压缩包软件这里使用的7z。打包地址为批处理文件所在目录@echo off ::设置项目地址 set item= echo %item% set buildpath=%item%\ echo %buildpath% ::删除打包目录 rd/s/q “%buildpath%” ::执行命令 cmd /c “cd/d %item% && npm run build” echo wa

vue项目打包部署-手把手教程

Accustomed_的博客

02-17

2942

手把手教你将一个vue项目打包部署到服务器上

web前端项目打包

Asdnfvs7的博客

09-11

1486

打包发布前优化压缩合并增加版本号打包工具 Grunt （自动化构建工具） Gulp （自动化构建工具） WubPack （静态资源打包工具） Gulp 通过定义一个个任务来工作（通常每个任务都需要相应插件支持）把文档通过流的方式操作（减少频繁的IO）安装 sudo npm install gulp --save-dev 配置 gulpFile 所有任务需要定义在...

element-ui.rar element-ui核心库压缩包

12-20

在使用 Element UI 开发项目时，首先需要在项目中引入该库。这通常通过 npm 或 yarn 进行安装。在命令行中，你可以运行以下命令： ```bash npm install element-ui --save # 或 yarn add element-ui ``` 安装完成...

vue-element-admin-4.4.0.tar.gz

03-01

vue-element-admin-4.4.0.tar.gz

vue学习资料.rar

10-22

vue学习资料.

RuoYi-v4.7.7.tar.gz

10-24

"RuoYi-v4.7.7.tar.gz" 是一个特定版本的开源项目 RuoYi 的压缩包文件，版本号为 4.7.7。RuoYi 是一款基于Spring Boot 和 Vue.js 开发的企业级权限管理框架，主要用于简化企业后台管理系统开发工作，提高开发效率。...

JsBarcode-3.9.0.tar.gz

07-25

在"JsBarcode-3.9.0.tar.gz"这个压缩包中，包含了版本3.9.0的完整资源，可以方便地引入到项目中使用。 ### 条码和二维码概述条码和二维码是现代数据交换中的重要元素，广泛应用于商品跟踪、文档管理、网址链接和...

前端把dist打包成tar包

m0_57485324的博客

07-02

1914

前端把dist打包成tar包开始构建 dist需要nginx配置和Dockerfile文件有了dockerfile文件之后，就可以使用以下命令创建image文件： $ docker image build -t [image name]:[tag] . 参数说明： 1. -t 指定image文件的名字 [image name] 镜像名称，根据实际需求自定义即可 2. [tag] 镜像标签，如果不指定，默认的标签是latest 3. . 表示Dockerfile文件所在的路径，上述是当前的路径，所以就是

vue打包部署以及踩坑

TYTXQ的博客

03-08

413

vue打包运行

vue项目打包

努力学习，努力爱你！

08-12

1388

注意dist.tar.gz文件和default.conf文件要和DockerFile在同一目录。一般情况下，如果有axios则本地开发时写vue.config.js下devServer配置。配置时 alias 代表资源路径就是alias后面的路径+location 后面的路径。如果出现favicon.ico图标没有显示 f12清除缓存即可。然后将dist文件夹压缩为dist.tar.gz。root代表资源路径就是root后面的路径。注意是否是二级路径时配置。如有问题，欢迎指正！...

tar打包命令

2301_77603488的博客

11-02

280

在Linux系统中，最常用的打包命令就是tar命令，可以将多个文件一起保存到一个磁盘中进行归档，还可以从归档文件中还原所需文件，就是解打包。

关于前端打包加部署

m0_74117571的博客

03-15

510

这个命令是在Linux或类Unix系统上使用的tar命令，用于创建一个名为 "da 20240315 登录.tar.gz" 的归档文件，其中包含当前目录下的所有文件和子目录。这个命令是在Linux或类Unix系统上使用的mv命令，用于将名为 "da 20240315 登录.tar.gz" 的文件移动到 "../历史版本/" 目录中。”.tar.gz“是压缩包后缀，“da 20240315 登录”是包名，tar -zcvf "da 20240315 登录.tar.gz" *

vue js解压.tar压缩包

07-14

在Vue.js中，由于浏览器的安全限制，无法直接在前端解压.tar压缩包。但你可以通过以下步骤在前端上传.tar压缩包到服务器，然后在服务器端进行解压： 1. 在Vue项目中创建一个文件上传组件，允许用户选择.tar压缩包。 ```html <template> <div> <input type="file" @change="handleFileChange" /> <button @click="upload">上传</button> </div> </template> ``` 2. 在Vue组件中编写处理文件的方法。 ```javascript <script> export default { data() { return { file: null, }; }, methods: { handleFileChange(event) { this.file = event.target.files[0]; }, upload() { const formData = new FormData(); formData.append('file', this.file); // 发送文件到服务器 axios.post('/upload', formData) .then(response => { console.log(response.data); // 上传成功后的响应数据 }) .catch(error => { console.error(error); }); }, }, }; </script> ``` 3. 在服务器端使用后端语言（如Node.js）进行解压缩。你可以使用Node.js的相关模块（如tar）或者其他后端库来实现解压缩功能。以下是使用Node.js和tar模块的示例代码： ```javascript const tar = require('tar'); // 处理文件上传请求，解压.tar文件 app.post('/upload', (req, res) => { const file = req.files.file; // 将上传的.tar文件保存到服务器 file.mv(`./uploads/${file.name}`, (err) => { if (err) { console.error(err); return res.status(500).send(err); } // 解压.tar文件 tar.x({ file: `./uploads/${file.name}`, C: './extracted', // 指定解压目录 }) .then(() => { console.log('解压成功'); res.send('解压成功'); }) .catch((err) => { console.error(err); res.status(500).send(err); }); }); }); ``` 请注意，以上代码仅为示例，实际应用中需要根据具体情况进行适当修改。同时，需要确保在服务器端设置了文件上传的处理逻辑和路由。