html 5 压缩zip,使用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 {

// 为开发环境修改配置...

}

关于找一找教程网

本站文章仅代表作者观点，不代表本站立场，所有文章非营利性免费分享。

本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章，希望广大程序员努力学习，让我们用科技改变世界。

[使用node执行命令, 使前端项目打包后自动压缩成zip包. 省时又省力??]http://www.zyiz.net/tech/detail-119985.html