【源码】基于Webpack的文件远程部署插件

项目简介

本项目是基于Webpack的文件远程部署插件，可助力开发者将Webpack构建后的静态资源与模板文件自动推送到远程服务器。插件支持并行和串行推送，且具备灵活的重试机制，保障文件能成功部署到目标服务器。

项目的主要特性和功能

1. 实现文件远程部署，可将Webpack构建后的静态资源和模板文件推送到远程服务器。
2. 支持灵活配置，开发者能通过配置规则自定义推送的文件和目录结构。
3. 具备重试机制，推送过程中若出错，插件默认重试10次。
4. 提供receiver.php脚本，用于服务端接收文件，简化服务端配置。

安装使用步骤

1. 安装插件

在项目根目录下执行以下命令安装插件： bash npm install --save-dev webpack-upload-remote-plugin

2. 配置Webpack

在Webpack配置文件（通常是webpack.config.js）中，引入并使用插件： ```javascript const UploadRemotePlugin = require('webpack-upload-remote-plugin');

module.exports = { // ... 其他配置 ... plugins: [ new UploadRemotePlugin({ receiver: 'http://x.x.x.x:port/receiver', // 替换为你的接收服务器地址 parallel: true, // 默认为true，也可以设置为false进行串行推送 rules: [ { from: /(asset|static)\/.+/, to: '/home/work/static' }, // 静态资源推送规则 { from: /template\/.+/, to: '/home/work/template' } // 模板文件推送规则 ] }) ] // ... 其他配置 ... }; ```

3. 使用注意事项

• 服务端权限：要确保服务端相应目录有接收文件的权限。
• HTTP配置：需保证HTTP服务器配置满足要求，如设置client_max_body_size以适应上传文件的大小。
• 测试推送：使用前，请测试推送过程以确保配置正确无误。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】