webpack 打包完,自动部署服务器

这篇博客介绍了如何使用webpack插件webpack-auto-upload-j进行自动部署到服务器。作者强调了在配置路径时需要注意左斜杠需要转义,而右斜杠则无需处理。在webpack配置中添加WebpackAutoUploadJ插件,并提供了关于property的详细说明,包括不同情况下的上传路径配置。

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

webpack-auto-upload-j

最新版本改动 1.0.4
www.jiangji1.com中有思路拆分

一个自动上传文件的webpack插件

安装

npm install webpack-auto-upload-j

使用

在你的webpack.config.js中的plugins加入一项new WebpackAutoUploadJ(配置参数) <br/

1

在写路径的时候如果是 左斜杠\,记得转义,换成\\,如果是右斜杠,就不用管

我是webpack的配置示列

const WebpackAutoUploadJ = require('webpack-auto-upload-j')
{
  plugins: [
    new WebpackAutouploadJ({
      path: 'E:\\xxx\\xxx\\xxx\\abc.json', // 这里是一个你本地json文件的绝对路径,是你自己的配置,示列在下面
      key: 'my-blog-web'
    }),
  ]
}

我是本地json文件的配置示列

{
  "my-blog-web": {
    "build_upload_test": {
      "host": "xxx.xxx.xxx.xxx",
      "port": 22,
      "user": "root",
      "password": "xxxxxxx",
      "entryDir": "dabao",
      "serviceDir": "/usr/xxx/xxx/dabao_test"
    },
    "build_upload_pro": {
      "host": "xxx.xxx.xxx.xxx",
      "port": 22,
      "user": "root",
      "password": "xxxxxxx",
      "entryDir": "dabao",
      "serviceDir": "/usr/xxx/xxx/dabao"
    }
  }
}

我是项目package.json文件的配置示列

{
  "up": {
		"build": "npm run build", // 自己配置
		"build_upload_test": "npm run build", // 自己配置
		"build_upload_pro": "npm run build", // 自己配置
		"kaiguan": 2
	}
}

kaiguan

  • 如果是0,不会上传服务器,
  • 如果是1,上传的是上面本地json文件配置的build_upload_test中的serviceDir
  • 如果是2,上传的是上面本地json文件配置的build_upload_pro中的serviceDir

property

entryDir String or Array // relative path 相对路径

serviceDir String or Array

serviceConfig Object

* host your service IP

* port your service Prot

如果entryDir 是 数组

  • serviceDir 必须也是 数组
  • entryDir的长度 不能 小于 serviceDir的长度

如果entryDir 是 字符串 并且 serviceDir 是 数组

  • entryDir 中的 文件 会传到 serviceDir 的 每个地址

上传服务器的结果,显示
2


[soundCode in src, 源码在src中](https://github.com/jiangji1/webpack_auto_upload_j)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值