webpack-plugin-cdn-qiniu
npm install webpack-plugin-cdn-qiniubash
$ npm i webpack-plugin-cdn-qiniu --save-dev
`
Conifg
`js
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公共前缀
})
...
]
};
`
> 如果遇到上传失败请尝试自定义上传配置
`js
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. 注意配置的路径是项目的根路径。
> 例子:
`js
index.html
dist/statis/*
``