使用node执行命令, 使前端项目打包后自动压缩成zip包. 省时又省力??
2020/3/20 5:01:25
本文主要是介绍使用node执行命令, 使前端项目打包后自动压缩成zip包. 省时又省力??,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在 vue cli2 的项目中 找到 build/build.js
在webpack(webpackConfig, cb) 的 回调函数cb中
添加
const exec = require('child_process').exec exec('cd .\\dist && del dist.zip', function(error) { if (error) { console.log(error) } // D:\\program\\WinRAR\\WinRAR.exe 需要改为你电脑上WinRAR的安装目录 exec('cd .\\dist && D:\\program\\WinRAR\\WinRAR.exe a -r dist.zip .\\*.*', function(error) { if (error) { console.log(error) } }) })
就会在webpack打包结束后将我们的打包出来的文件打包成zip包
vue cli3 中要麻烦些
需要在 vue.config.js 中找到
configureWebpack
在这个选项下添加插件
configureWebpack: config => { if (process.env.NODE_ENV === 'production') { config.plugins.push({ apply: (compiler) => { compiler.hooks.done.tap(pluginName, compilation => { // 这里执行我们的代码 const exec = require('child_process').exec exec('cd .\\dist && del dist.zip', function(error) { if (error) { console.log(error) } // D:\\program\\WinRAR\\WinRAR.exe 需要改为你电脑上WinRAR的安装目录 exec('cd .\\dist && D:\\program\\WinRAR\\WinRAR.exe a -r dist.zip .\\*.*', function(error) { if (error) { console.log(error) } }) }) }); } }) } else { // 为开发环境修改配置... }
这篇关于使用node执行命令, 使前端项目打包后自动压缩成zip包. 省时又省力??的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-05HTML 颜色
- 2024-10-05HTML 颜色名
- 2024-10-01AntDesign-Form-rules学习:轻松入门教程
- 2024-10-01classnames学习:轻松掌握前端中的类名管理
- 2024-09-30前端案例资料:新手入门必读教程
- 2024-09-30前端编程资料:新手入门必备教程
- 2024-09-30前端培训资料:新手入门必读教程
- 2024-09-30滚动吸顶项目实战:从入门到上手
- 2024-09-29HTML学习:span标签教程详解
- 2024-09-29HTML基础:button标签教程