自动上传前端代码到阿里云OSS
发布于 2 个月前 作者 mumudev 732 次浏览 来自 分享

原文章链接

我其实也尝试过github上有人分享过类似的插件,但发现都不能用,而且都很久没维护来,所以,只能自己来搞了。

这里,贴下我的自动上传代码,在www文件创建一个index.js

const fs = require('fs');
const co = require('co');
const path = require('path');
const oss = require('ali-oss');

//构建oss对象
const store = oss({
  accessKeyId: 'accessKeyId',
  accessKeySecret: 'accessKeySecret',
  bucket: 'bucket',
  region: 'oss-cn-shenzhen',
});

(() => {
  const root = path.resolve(__dirname, './dist');
  const files = [];
  //递归取出所有文件夹下所有文件的路径
  function readDirSync(p) {
    const pa = fs.readdirSync(p);
    pa.forEach((e) => {
      const cur_path = `${p}/${e}`;
      const info = fs.statSync(cur_path);
      if (info.isDirectory()) {
        readDirSync(cur_path);
      } else {
        files.push(cur_path);
      }
    });
  }
  readDirSync(root);

  co(function* () {
    //遍历文件
    for (let index = 0; index < files.length; index += 1) {
      const e = files[index];
      const result = yield store.put(e.replace(root, ''), e);
      //提交文件到oss,这里要注意,阿里云不需要创建新文件夹,只有有路径,没有文件夹会自动创建
      console.log(result);
    }
  });
})();

然后再运行

node index.js
1 回复

也贴一个我在用的

const gulp = require('gulp')
const ossSync = require('gulp-oss-sync')

const config = {
    connect: {
        region: '',
        accessKeyId: '',
        accessKeySecret: '',
        bucket: ''
    },
    setting: {
        dir: '',
        noClean: false,
        force: true,
        quiet: true
    },
    controls: {
        headers: {
            'Cache-Control': 'max-age=' + 60 * 60 * 24 * 365 * 10
        }
    }
}

gulp.task('oss', () => gulp
    .src('dist/**/*')
    .pipe(ossSync(config))
)
回到顶部