web-app-ftp-publish-基於FTP的前端自動發佈工具

最近隨手寫了一個React和Vue的自動發佈工具，能夠經過簡單的腳本命令（npm run publish）將build或dist文件夾上傳到服務器目錄，實現一鍵發佈

描述

使用 FTP Server，將 ReactJS App 和 VueJS App 的構建文件發佈到 web 服務器目標目錄。 優勢以下:

• 沒有殘留的歷史文件。 在發佈過程當中，將生成當前版本的目錄 json。 當前版本中再也不引用的文件在上傳後將被刪除。
• 優化文件的發佈順序。 爲了防止影響在線用戶訪問您的 web 應用程序，指定的條目文件(如: index. html)將最後上傳

安裝

npm i web-app-ftp-publish

例子

// publish.js
 const Publisher = require(`web-app-ftp-publish`);
 const path = require('path');
 
 
 let publisher = new Publisher({
     ftp:{
         host: "",
         port: "",
         user: "",
         password: "",
     }, // 必傳。 Ftp 配置對象。 配置文件連接到這裏: https://github.com/mscdex/node-FTP#methods
     targetPath: path.resolve(__dirname + "/./build"), // 必傳。構建目錄的絕對路徑（build或dist文件夾路徑）
     indexFileName:"index.html", // 可選。 構建目錄的index文件名。 默認 'index.html'
     destPath:"/react/build", // Ftp 目的地目錄. default "/',ftp server root  directory
     catalogFileName:"build-dir-catalog" //Optional . Catalog json file name.default 'catalog.json'
 });
 
 publisher.resume();

// package.json

  "scripts": {
    "start": "node  scripts/start.js",
    "build": "node  scripts/build.js",
     "publish": "node  [YOUR PATH]/publish.js" // 添加publish腳本命令
  },

// Terminal
    npm run publish

配置

• ftp-必傳。 Ftp 配置對象。 配置文件連接到這裏: https://github.com/mscdex/nod...
• targetPath - 必傳。構建文件夾（build或者dist）的項目路徑
• indexfilename-可選。 構建文件夾（build或者dist）索引文件名。 默認index. html。
• destPath - 可選。 將文件上傳到Ftp 哪一個文件夾下下。 默認ftp 服務器根目錄。
• catalogFileName - 可選。目錄 json 文件名. 默認「Catalog.json」

方法

• resume, 開始上傳

項目地址

• Github : https://github.com/breakeris/...
• NPM : https://www.npmjs.com/package...