umijs2.x filemanager-webpack-plugin 将dist压缩为dist.zip包

最新推荐文章于 2022-09-02 10:55:50 发布

原创最新推荐文章于 2022-09-02 10:55:50 发布 · 378 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#webpack #前端 #node.js

本文主要介绍了在Node.js环境中使用Webpack进行项目配置，包括基础路径设置、摇树优化、公共路径配置、路由处理和哈希值生成。特别地，当环境不是开发模式时，通过'filemanager-webpack-plugin'插件实现了对dist目录的压缩并打包为dist.zip。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const path = require('path');
const routes = require('./src/routes/index');
const FileManagerWebpackPlugin = require('filemanager-webpack-plugin');
const isDev = process.env.NODE_ENV === 'development';

export default {
    base: '/admin/',
    treeShaking: true,
    publicPath: './',
    routes,
    hash: true,
    chainWebpack(config, { webpack }) {

        if (!isDev) {
            // 将dist压缩为dist.zip 压缩包
            config.plugin('filemanager-webpack-plugin').use(FileManagerWebpackPlugin, [
                {
                    events: {
                        onEnd: {
                            delete: ['./dist.zip'],
                            archive: [
                                {
                                    source: './dist',
                                    destination: './dist.zip'
                                }
                            ]
                        }
                    }
                }
            ]);
        }
    }
};