jsはパッケージ化されたファイルをサーバーに直接アップロードします

フロントエンド コードをデプロイするときは、サーバーのフォルダーにアップロードする必要があります。通常、フロントエンド スタッフがそれをパッケージ化し、Ftp ソフトウェアを介して dist.zip をサーバーに送信します。面倒ではありませんが、より簡単な場合もありますつまり、フロントエンドはパッケージ化後にスクリプトを実行し、サーバーに直接アップロードします。

アップロード.js：

'use strict'
// 下面三个插件是部署的时候控制台美化所用 可有可无，需要提前安装
// npm i ora
// npm i chalk
// npm i scp2
// 引入scp2
var client = require('scp2');
const ora = require('ora');
const chalk = require('chalk');
const spinner = ora(chalk.green('正在发布到测试服务器...'));
spinner.start();

client.scp('./dist/', {
    
         // 本地打包文件的位置
  "host": '', 				// 服务器的IP地址
  "port": '',            	// 服务器端口
  "username": '',       	// 用户名
  "password": '',     		// 密码
  "path": '/usr/...'
}, err =>{
    
    
  spinner.stop();
  if (!err) {
    
    
    console.log(chalk.green("项目发布完毕!"))
  } else {
    
    
    console.log("err", err)
  }
})

package.jsonで設定する

"scripts": {
    
    
	"build:prod": "vue-cli-service build",
    "upload": "node upload.js"
  },

準備作業は完了しました。アップロードには、パッケージ化とアップロードの 2 つの手順が必要です。アップロードを開始します。ターミナルで次の 2 つのコマンドを実行します。yarn、pnpm、cnpm なども使用できます。

1. npm run build:prod
2. npm アップロードを実行する

アップロードが完了しました

PS: パッケージ化されておらず、以前にパッケージ化されていた場合、サーバーにアップロードされたコードは最新のコードではなく、古いコードになります。