@jianzhikeji/vue-cli-plugin-deploy v0.0.5

简知前端项目资源部署工具

- 安装

npm install @jianzhikeji/vue-cli-plugin-deploy -D

成功后，jzdeploy将被作为一个vue-cli-service级别的插件使用，支持service级别的配置注入

- 配置

首先在项目的 package.json 文件中的 scripts 属性中新增以下三个命令：

"deploy:help": "vue-cli-service deploy --help",
"deploy": "vue-cli-service build && vue-cli-service deploy"

然后在vue.config.js配置文件中的插件 pluginOptions 配置属性中新增一个 jzdeploy 的配置，注意路径后面都要加上 /

options字段为 上传策略

pluginOptions: {
  jzdeploy: {
    
    // 七牛密钥
    accessKey: '',
    secretKey: '',

    // cdn路径，注意前面不要加协议，后面加横杠
    cdn: '//cdn.xxx.com/',

    // 发布路径
    path: {

      // 本地资源打包目录
      local: 'dist/',

      // 七牛cdn上的目录
      cdn: 'static/dsh/',

      // 要排除的文件
      globs: [
        '!**/*.html'
      ]
    },

    // 上传配置
    options: {

      // 七牛空间，默认都是picture
      scope: 'picture',

      // 凭证有效期
      expires: 7200,

      // MimeType侦测功能，一定要开启
      detectMime: 1,

      // 返回数据，指定魔术变量
      returnBody: '{"key":"$(key)","hash":"$(etag)","fsize":$(fsize),"bucket":"$(bucket)","name":"$(x:name)"}'
    }
  }
}

- 调用

• npm run deploy:help 查看部署命令帮助
• npm run deploy 部署到生产，build + cdn + git