部署

gulpfile.js

@@ -0,0 +1,22 @@
+const { src, dest, series } = require('gulp');
+const del = require('del');
+const from = {
+  path: [
+    './assets/**/*',
+    // './bower_components/**/*',(第二次以后的更新不用)
+    // './index.html',(第二次以后的更新不用)
+  ]
+};
+// 清理dist文件夹
+const cleanDist = async (cb) => {
+  await del(['dist/**']);
+  cb();
+}
+// 移动assets文件夹的内容到dist
+const moveAssets = (cb) => {
+  src(from.path,{base:'./'})
+    .pipe(dest('dist'));
+  cb();
+}
+
+exports.build = series(cleanDist, moveAssets);

package.json

@@ -3,7 +3,9 @@
   "version": "1.3.0",
   "description": "AngularJs Bootstrap Admin Template",
   "scripts": {
-    "start": "node node_modules/http-server/bin/http-server -o -p 8086"
+    "development": "node ./upload/development.js",
+    "production": "node ./upload/production.js",
+    "build": "npx gulp build"
   },
   "keywords": [
     "AngularJS",
@@ -28,22 +30,10 @@
   ],
   "repository": "",
   "author": "ClipTheme",
-  "dependencies": {
-    "angular-nicescroll": "0.0.0",
-    "blueimp-md5": "^2.12.0",
-    "echarts": "^4.2.0-rc.1"
-  },
   "devDependencies": {
-    "grunt": "^0.4.5",
-    "grunt-bower-install-simple": "^0.9.3",
-    "grunt-contrib-clean": "^0.6.0",
-    "grunt-contrib-compass": "^1.0.1",
-    "grunt-contrib-concat": "^0.5.0",
-    "grunt-contrib-copy": "^0.5.0",
-    "grunt-contrib-cssmin": "^0.12.2",
-    "grunt-contrib-uglify": "^0.8.0",
-    "gruntfile-gtx": "^0.3.0",
-    "http-server": "^0.9.0",
-    "require-directory": "^2.0.0"
+    "del": "^6.0.0",
+    "gulp": "^4.0.2",
+    "shelljs": "^0.8.5",
+    "ssh2-sftp-client": "^7.2.0"
   }
 }

upload/development.js

@@ -0,0 +1,45 @@
+const shell = require('shelljs')
+const path = require('path');
+const config = {
+  ip: "192.168.3.109", // ssh地址
+  username: "root", // ssh 用户名
+  port: 22,      //端口
+  password: "DStech@123", // ssh 密码
+  // path: '/home/itsm/project/web/pc', // 上传地址,删除地址(第一次部署)
+  path: '/home/itsm/project/web/pc/assets', // 上传地址,删除地址(bower_components太大，第二次以后的更新只更新assets，具体的灵活应变)
+  // buildPath: '../dist' // 本地打包后文件地址(第一次部署)
+  buildPath: '../dist/assets' // 本地打包后文件地址(bower_components太大，第二次以后的更新只更新assets，具体的灵活应变)
+}
+let Client = require('ssh2-sftp-client');
+
+function connectSSh() {
+  let sftp = new Client();
+  sftp.connect({
+    host: config.ip,
+    port: config.port,
+    username: config.username,
+    password: config.password
+  }).then(() => {
+    console.log("-----先执行删除服务器文件-----")
+    return sftp.rmdir(config.path, true);
+  }).then(() => {
+    // 上传文件
+    console.log("-----开始上传-----")
+    return sftp.uploadDir(path.resolve(__dirname, config.buildPath), config.path);
+  }).then((data) => {
+    console.log("-----上传完成-----");
+    sftp.end();
+  }).catch((err) => {
+    console.log(err, '-----失败-----');
+    sftp.end();
+  });
+}
+function runTask() {
+  //打包完成
+  if (shell.exec(`npm run build`).code == 0) {
+    console.log("-----打包成功-----");
+    //提交上传
+    connectSSh();
+  }
+}
+runTask()

upload/production.js

@@ -0,0 +1,45 @@
+const shell = require('shelljs')
+const path = require('path');
+const config = {
+  ip: "139.129.255.139", // ssh地址
+  username: "root", // ssh 用户名
+  port: 22,      //端口
+  password: "DStech@123", // ssh 密码
+  // path: '/home/md2/newweb/pc', // 上传地址,删除地址(第一次部署)
+  path: '/home/md2/newweb/pc/assets', // 上传地址,删除地址(bower_components太大，第二次以后的更新只更新assets，具体的灵活应变)
+  // buildPath: '../dist' // 本地打包后文件地址(第一次部署)
+  buildPath: '../dist/assets' // 本地打包后文件地址(bower_components太大，第二次以后的更新只更新assets，具体的灵活应变)
+}
+let Client = require('ssh2-sftp-client');
+
+function connectSSh() {
+  let sftp = new Client();
+  sftp.connect({
+    host: config.ip,
+    port: config.port,
+    username: config.username,
+    password: config.password
+  }).then(() => {
+    console.log("-----先执行删除服务器文件-----")
+    return sftp.rmdir(config.path, true);
+  }).then(() => {
+    // 上传文件
+    console.log("-----开始上传-----")
+    return sftp.uploadDir(path.resolve(__dirname, config.buildPath), config.path);
+  }).then((data) => {
+    console.log("-----上传完成-----");
+    sftp.end();
+  }).catch((err) => {
+    console.log(err, '-----失败-----');
+    sftp.end();
+  });
+}
+function runTask() {
+  //打包完成
+  if (shell.exec(`npm run build`).code == 0) {
+    console.log("-----打包成功-----");
+    //提交上传
+    connectSSh();
+  }
+}
+runTask()