npm run build 后自动压缩dist文件成ZIP文件

项目每次npm run build 后都要将dist文件压缩成zip包,可用 filemanager-webpack-plugin 插件实现自动化压缩

先安装插件
npm install filemanager-webpack-plugin --save-dev

vue2.x 在 build/webpack.base.config.js 内找到 module.exports。 然后在plugins内添加

const FileManagerPlugin = require('filemanager-webpack-plugin')

new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例
	onEnd: {
	     delete: [   //首先需要删除项目根目录下的dist.zip
	         './projectName.zip',
	     ],
	     archive: [ //然后我们选择dist文件夹将之打包成dist.zip并放在根目录
	         {source: './dist', destination: './projectName.zip'},   
	     ]
	 }
})

vuecli3.x在vue.config.js下添加

const FileManagerPlugin = require('filemanager-webpack-plugin')

module.exports = {
    configureWebpack: {  //webpack的相关配置在这里
        plugins: [
            new FileManagerPlugin({  //初始化 filemanager-webpack-plugin 插件实例
                onEnd: {
                    delete: [   //首先需要删除项目根目录下的dist.zip
                        './projectName.zip',
                    ],
                    archive: [ //然后我们选择dist文件夹将之打包成dist.zip并放在根目录
                        {source: './dist', destination: './projectName.zip'},   
                    ]
                }
            })
        ]
    }
}

猜你喜欢

转载自blog.csdn.net/weixin_43968658/article/details/102949470