使用webpack,打包生成zip包

1:如何使用webpack生成zip包

webpack插件filemanager-webpack-plugin(管理打包后的文件路径)


    const FileManagerPlugin = require('filemanager-webpack-plugin'); // webpack zip

    const srcFolder = path.resolve(__dirname, '../dist');
    const zipFileName = utils.genName();  //zip的名字,一般使用活动名称+当前的时间
    const zipFolderPath = path.resolve(__dirname, '../dist/zips/' + zipFileName);
    const zipPkgPath = path.resolve(__dirname, '../dist/zips/' + zipFileName + '.zip');

    webpackConfig.plugins.push(
        new FileManagerPlugin({
            onEnd: [
                {
                    delete: [path.resolve(__dirname, '../dist/zips/*')]
                },
                {
                    mkdir: [zipFolderPath]
                },
                {
                    copy: [
                        { source: srcFolder + '/htmls/*', destination: zipFolderPath + '/' + zipFileName + '/htmls' },
                        { source: srcFolder + '/images/*', destination: zipFolderPath + '/' + zipFileName + '/images' },
                        { source: srcFolder + '/static/*', destination: zipFolderPath + '/' + zipFileName + '/static' },
                        {
                            source: srcFolder + '/scripts/*.js',
                            destination: zipFolderPath + '/' + zipFileName + '/scripts'
                        },
                        {
                            source: srcFolder + '/styles/*.css',
                            destination: zipFolderPath + '/' + zipFileName + '/styles'
                        }
                    ]
                },
                {
                    archive: [
                        {
                            source: zipFolderPath,
                            destination: zipPkgPath
                        }
                    ]
                },
                {
                    delete: [zipFolderPath]
                }
            ]
        })
    );
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值