快捷部署前端静态资源到CDN的Webpack插件
- 七牛云
- 又拍云
- 阿里云OSS
- ...More
npm i static-upload-plugin -D
跟其他的Webpack插件使用方式一样：
const StaticUploadPlugin = require('static-upload-plugin');
module.exports = {
// 以七牛云为例
// 其他配置
plugins: [
new StaticUploadPlugin({
provider: 'qiniu',
config: {
accessKey: 'xxxxxx',
secretKey: 'xxxxx',
bucket: 'xxxxx'
},
path: '/testbuild/'
})
]
}CDN服务商，目前可选：qiniu（七牛云）、upyun（又拍云）。必须输入。
CDN配置信息，对于不同的provider配置信息不同。必须输入且完整。
{
accessKey: 'xxxx',
secretKey: 'xxxx',
buckcet: 'xxxxx'
}{
operator: 'xxxx', // 操作员
password: 'xxxx', // 操作员密码
service: 'xxxxx' // 服务名
}上传路径，默认为/，即上传至http://www.xxx.com/位置。可选。
Webpack出口（ouput）所在位置，相对路径，默认为dist，可选。
过滤器，说明需要上传的文件。支持正则、字符串以及字符串数组的形式，其中字符串、字符串数组作为文件扩展名判断。
例如只上传css、js文件
{
// include: ['.css', '.js']
include: /.(css|js)$/
}过滤器，说明不需要上传的文件。支持正则、字符串以及字符串数组的形式，其中字符串、字符串数组作为文件扩展名判断。
例如不上传HTML文件：
{
// exclude: ['.html']
exclude: /.html$/
}MIT