webpack-plugin-cdn-qiniu

webpack将输出文件传到七牛云服务的封装

Install

$ npm i webpack-plugin-cdn-qiniu --save-dev

Conifg

const webpack = require('webpack'); //to access built-in plugins
const QiniuCdnWebpack = require('webpack-plugin-cdn-qiniu')

module.exports = {
  module: {
    rules: [
      { test: /\.txt$/, use: 'raw-loader' }
    ]
  },
  plugins: [
    new QiniuCdnWebpack({
      cdn:{
        access_key:"access_key", // 七牛的access_key
        secret_key:"secret_key", // 七牛的secret_key
        bucket:"bucket" // 七牛的bucket
      },
      publicPath: "http://example.com", //七牛绑定的顶级域名地址
      prefixPath: "prefixPath", // 需要往cdn传递的url公共前缀
    })
    ...
  ]
};

如果遇到上传失败请尝试自定义上传配置

const QiniuCdnWebpack = require('webpack-plugin-cdn-qiniu')
const qiniu = require('qiniu')
module.exports = {
  module: {
    rules: [
      { test: /\.txt$/, use: 'raw-loader' }
    ]
  },
  plugins: [
    new QiniuCdnWebpack({
      cdn:{
        options: {
          zone: qiniu.zone.Zone_z1
          ...
        }
        ...
      },
      ...
    })
    ...
  ]
};

ignore

如果想排除个别文件不容许上传到cdn

1. 项目的根路径下新建文件：“.cdnignore” 规则和.gitignore是一样的
2. 注意配置的路径是项目的根路径。

例子：

index.html
dist/statis/*

Introduction

• 本插件仅支持一个cdn顶级地址。
• 或许会存在前缀配置和域名配置失效的问题，使用中出现问题请务必:issue
• 本插件现有策略会在一旦发生任意某种原因失败则整个过程中断，保证发版的质量。
• 如果遇到打包输出并没有完全根据配置的扩展生成，需要自行检验下是否真的缺失了。

Questions & Suggestions

Please open an issue here.

License

MIT