Vue框架在项目开发中如何实现组件的复用？

本文共计696个文字，预计阅读时间需要3分钟。

这段时期用Vue2.0开发项目，每次打包都用npm run build，但每次部署后端包都要手动zip压缩，这样一次次还行，但遇到项目模块测试和紧急功能测试时，一天就够呛了。

这段时间用 Vue2.0 开发项目，每次打包都会用到 npm run build 命令，但是每次部署时给后端发包都要手动zip压缩，这样一两次还行，但遇到项目板块测试和临时加急功能测试的时候，一天可能就要打包好多次，这就很烦了。所以索性在执行 npm run build 命令时就直接打包成zip文件，方便省事！

1、插件装备

　　webpack插件：filemanager-webpack-plugin，该插件可执行打包，复制，移动，删除文件以及新文件夹在build之前及之后创建。

　　安装：

npm install filemanager-webpack-plugin --save-dev 或 cnpm install filemanager-webpack-plugin --save-dev

2、webpack配置

　　① 在项目 根目录 build/webpack.base.config.js 中 抬头变量声明区域添加

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

　　② 在根目录 build/webpack.base.config.js 内找到 module.exports。