首页>>前端>>Vue->vue项目build自动生成dist.zip压缩文件

vue项目build自动生成dist.zip压缩文件

时间:2023-11-29 本站 点击:1

背景:

想用vue3+vite2搭建项目,发现对node.js有要求。Vite 需要Node.js版本 >= 12.0.0。 但是公司前端项目均是用jenkins自动化部署,在jenkins中拉包再编译的。而这时发现jenkins上的nodejs版本过低,尝试过安装新版本nodejs没有成功,原因找了很久,原因是服务器操作系统太低,nodejs的依赖问题造成的。考虑到影响面,不可能重新装服务器的。所以才想到前端编译好代码再拉到服务器上。

安装rimraf,相当于UNIX命令rm-rf。 npminstallrimraf--save-dev

安装压缩文件夹插件filemanager-webpack-plugin。 npminstallfilemanager-webpack-plugin--save-dev

配置vue.config.js:(这里请忽略“speed-measure-webpack-plugin”打包速度分析插件)

constisdev=process.env.VUE_APP_NODE_ENV!=='production';constSpeedMeasurePlugin=require('speed-measure-webpack-plugin');//打包速度分析插件constsmp=newSpeedMeasurePlugin();constFileManagerPlugin=require('filemanager-webpack-plugin');//压缩文件夹......module.exports={......configureWebpack:smp.wrap({plugins:[......!isdev&&newFileManagerPlugin({events:{onEnd:{//delete:['./dist.zip'],archive:[{source:'./dist',destination:'./dist.zip'}]}}})]})

配置package.json编译环境命令:(编译并压缩后再删除dist文件夹)

"scripts":{......"build":"vue-cli-servicebuild","build:zip":"vue-cli-servicebuild&&rimrafdist",},

执行npm run build就能看到根目录下的dist.zip压缩包了,如果要删除dist文件夹则执行npm run build:zip


本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:/Vue/864.html