webpack upload to qiniu

之前有介绍过一篇关于webpack上传文件的文章,但是如果要配置qiniu的话,会有很多坑 所以又去网上找了找,发现这个 qn-webpack 挺好用的 使用方法 支持的配置项: accessKe

之前有介绍过一篇关于webpack上传文件的文章,但是如果要配置qiniu的话,会有很多坑

所以又去网上找了找,发现这个

qn-webpack

挺好用的

使用方法

支持的配置项:

• accessKey 七牛 AccessKey
• secretKey 七牛 SecretKey
• bucket 七牛存储对象名称
• autoZone 是否自动选择上传域名节点, 默认为 true
• path 存储路径, 默认为 [hash]

注: Webpack 的 output.publicPath 要指向七牛云（或自定义的）域名地址

// 引入const QiniuPlugin = require('qn-webpack');// 配置 Pluginconst qiniuPlugin = new QiniuPlugin({  accessKey: 'my-access-key',  secretKey: 'my-secret-key',  bucket: 'my-bucket',  path: '[hash]/'});// Webpack 的配置module.exports = { output: {    // 此处为七牛提供的域名(http://7xqhak.com1.z0.glb.clouddn.com) 加上 path([hash]/)    publicPath: "http://7xqhak.com1.z0.glb.clouddn.com/[hash]/"    // ... }, plugins: [   qiniuPlugin   // ... ] // ...}

顺便借用了人家的一张图来用用,这就是成功之后的样纸^_^