-
首先,需要下载: npm i filemanager-webpack-plugin -D
-
其次,需要在vue.config.js里面进行配置:
// 打包直接生成压缩包start&&&&&&&&&&&&&&&&&&&&&&:
const FileManagerPlugin = require('filemanager-webpack-plugin');
const prodPlugins = [];
if (process.env.NODE_ENV === 'production') {
let fileManagerPlugin = new FileManagerPlugin({ //初始化 filemanager-webpack-plugin 插件实例
events: {
onEnd: {
mkdir: ['./educationalManagement'], // 防止找不到educationalManagement而报错
delete: [ //首先需要删除项目根目录下的educationalManagement.zip
'./educationalManagement.zip',
],
archive: [ //然后我们选择educationalManagement文件夹将之打包成educationalManagement.zip并放在根目录
{source: './educationalManagement', destination: './educationalManagement.zip'}
]
}
}
});
prodPlugins.push(fileManagerPlugin);
}
// 打包直接生成压缩包end&&&&&&&&&&&&&&&&&&&&&&
module.exports = {
//webpack的相关配置在这里
configureWebpack: {
plugins: [
...prodPlugins
]
}
};
到此为止,配置就完成了。