本身寫的webpack插件,用於本地打包後將文件上傳至阿里雲OSS

該 Webpack 插件用於在本地打包完成後,將打包後的文件上傳至 阿里雲OSS,並提供上傳完成的回調


使用

安裝 webpack-oss-upload-pluginwebpack

npm install webpack-oss-upload-plugin -D

在 webpack config 中使用git

const prefix = `${dir}/${projectName}/${version}/`;

{
  output:{
    publicPath: `http://e-package.oss-cn-shanghai.aliyuncs.com/${prefix}`
  },
  plugins: [
    new WebpackOssUploadPlugin({
      // oss 的配置
      oss: {
        region: 'region',
        endpoint: 'endpoint',
        accessKeyId: 'accessKeyId',
        accessKeySecret: 'accessKeySecret',
        bucket: 'bucket'
      },
      // 上傳後的文件路徑爲:publicPath/{prefix}/your-file.js
      prefix,
      // 上傳完成後會調用該回調
      onComplete: (complication) => {
        
      }
    })
  ]
}

onComplete 的參數暴露了 complication 對象,裏面包含當前打包的信息,你能夠合理使用它github

選項說明web

  • oss: 阿里 oss 配置,region、endpoint、accessKeyId、accessKeySecret、bucket 這些參數是必須的
  • dir:可選項,默認爲空數組,數組中的每一項表示上傳至 oss 造成的目錄名。好比 prefix: a/c/c/,那麼上傳後你的文件位置是:publicPath/a/b/c/your-file.js
  • onComplete: 可選項,當 OSS 將全部須要上傳的文件上傳完成後,會被調用,該方法參數爲 complication 對象,裏面包含當前打包的信息,你能夠合理使用它

項目地址

github 地址:https://github.com/Vibing/web...shell

其餘

若是你有其餘需求或好的建議,請在 issue 中提給我npm

相關文章
相關標籤/搜索