Rollup-plugin-qiniu NPM

rollup-plugin-qiniu

打包时将静态资源上传到七牛

安装

npm install --save-dev rollup-plugin-qiniu

用法

// rollup.config.js
import qiniu from 'rollup-plugin-qiniu';

const qiniuKey = 'xxx'
const qiniuSecret = 'xxx'
const qiniuBucket = 'xxx'
export default {
  // ...
  plugins: [
    qiniu({
      token: buildToken => buildToken(qiniuKey, qiniuSecret, qiniuBucket),
      targets: [
        { src: 'resource/remote/**', dest: 'prefix/', zip: 'remote.zip' },
        { src: 'resource/remote/**', dest: 'prefix/', zip: false },
      ],
    }),
  ]
};

配置

{
	/* 七牛上传的token字符串 */
	// 直接字符串形式
	token: '七牛上传的token',
	// 动态生成形式
	token: buildToken => buildToken(qiniuKey, qiniuSecret, qiniuBucket),

	/* 上传内容配置数组 */
	targets: [
		{
			src: 'resource/remote/**', //上传源文件(glob匹配)
			dest: 'prefix/', //上传目标地址前缀
			zip: 'remote.zip',  //是否压缩后上传：false逐文字上传，string压缩后文件名
		},
	],
};

例子

qiniu({
  token: 'xxxxxx',
  targets: [
    { root:'resource/remote/',src: '**.jpg', dest: 'prefix/zip/remote.zip', zip:true },
    { 
      src: 'resource/remote/**.jpg', 
      dest: 'prefix/zip/remote2.zip', 
      zip(zip){
        zip.append(JSON.stringify({value:'补充文件'}), { name: 'option.json' });
      } 
    },
    { src: 'resource/remote/**.png', dest: 'prefix/files/', zip: false },
  ],
}),

.
+-- resource
|   +-- remote
|       +-- dir1
|           +-- 1.png
|           +-- 2.jpg
|       +-- dir2
|           +-- 1.jpg
|           +-- 2.png

结果:

压缩resource/remote/dir1/2.jpg到remote.zip包的dir1/2.jpg位置
压缩resource/remote/dir2/1.jpg到remote.zip包的dir2/1.jpg位置
从remote.zip上传到{七牛url}/prefix/zip/remote.zip

压缩resource/remote/dir1/2.jpg到remote.zip包的resource/remote/dir1/2.jpg位置
压缩resource/remote/dir2/1.jpg到remote.zip包的resource/remote/dir2/1.jpg位置
增加文件option.json到remote.zip包的remote.zip位置
从remote.zip上传到{七牛url}/prefix/zip/remote2.zip

从resource/remote/dir1/1.png上传到{七牛url}/prefix/files/resource/remote/dir1/1.png
从resource/remote/dir2/2.png上传到{七牛url}/prefix/files/resource/remote/dir2/2.png