qiniu-cdn-webpack-plugin

将webpack编译之后的文件上传到七牛云，支持上传前删除bucket中的旧文件，上传之后刷新cdn。

特性

• 支持上传到七牛云指定bucket
• 支持排除指定文件
• 支持对比上传
• 支持上传前清空指定bucket
• 支持上传完成后刷新cdn

安装

npm install --save-dev qiniu-cdn-webpack-plugin

yarn add --dev qiniu-cdn-webpack-plugin

使用方法

本插件最低支持[email protected] 建议使用最新LTS版本 可以使用n管理node版本

//webpack config
const Qiniu = require('qiniu-cdn-webpack-plugin')

const CDN_HOST = `https://static.qiniuxxx.com/`
module.exports = {
  entry: 'app.js',
  output: {
    path: __dirname + '/dist',
    filename: 'app.[chunkhash].js',
    //配置webpack打包后插入文件时的cdn
    publicPath: CDN_HOST
  },
  plugins: [
    new Qiniu({
        accessKey: 'accessKey',
        secretKey: 'secretKey',
        bucket: 'static_bucket',
        zone: 'Zone_z0',
        exclude: /\.html/,
        refreshCDN: CDN_HOST,
        refreshFilter: /(a\.js)|(b\.js)/
        clean: true,
        cleanExclude: /c\.js/
    })
  ]
}

参数

Name	Type	Default	Description
accessKey	{Sring}		七牛提供的accessKey
secretKey	{Sring}		七牛提供的secretKey
bucket	{Sring}		七牛云存储中的bucket
zone	{Sring}	Zone_z1	七牛云存储位置，华东 Zone_z0、华北 Zone_z1、华南 Zone_z2、北美 Zone_na0
chunkSize	{Number}	20	每次并行上传的文件个数
exclude	{RegExp}		要排除的文件名正则规则
refreshCDN	{Sring}		想要刷新cdn的域名，不填写默认不刷新cdn，填写默认上传完成后刷新此次上传的所有文件
refreshFilter	`{RegExp	Function}`
clean	{Boolean}	false	上传之后，删除七牛云存储bucket中的除了本次上传之外的所以文件，防止每次文件名称变动hash，产生多余垃圾文件。
cleanExclude	`{RegExp	Function}`

License

MIT License

Copyright (c) 2018 ZhangZhiheng