webpack打包成zip

在某些比较特别的场景下，webpack打包出来的前端资源包需要复制出去到其它机器上，这时使用压缩包肯定是会更方便了。在webpack的生态中，早已有人开发了一个插件可以直接使用，插件名是zip-webpack-plugin，以下是zip-webpack-plugin的使用步骤：

首先安装插件，然后找到打包的配置文件，引入zip-webpack-plugin，并放到plugins配置中：

安装插件：npm i zip-webpack-plugin -D

配置文件引入：ZipPlugin = require('zip-webpack-plugin')

plugins配置：

new ZipPlugin({  

       path: resolve('.'),

       filename: 'dist.zip',

})

以上属性说明：

path是打包出来的路径，resolve方法是：

function resolve(dir) {

    return path.resolve(__dirname, "..", dir);

}

filename是打包出来的文件名。

以上的打包出的资源是放在项目根目录下的dist.zip文件中。